jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-02-23 14:40:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #58 from nagisa77/codex/customize-scroll-bar-style

Browse Source 
Customize range slider style
This commit is contained in:
Tim
2025-07-03 19:41:56 +08:00
committed by GitHub
parent 97b7a791e3 8150c87fa2
commit e184afae9b
1 changed files with 35 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
open-isle-cli/src/views/PostPageView.vue
View File

@@ -280,9 +280,42 @@ export default {
.scroller-range {
writing-mode: vertical-rl;
direction: ltr;
width: 2px;
-webkit-appearance: slider-vertical;
height: 300px;
width: 2px;
-webkit-appearance: none;
background: transparent;
}
.scroller-range::-webkit-slider-runnable-track {
width: 2px;
height: 100%;
background-color: #ccc;
border-radius: 1px;
}
.scroller-range::-webkit-slider-thumb {
-webkit-appearance: none;
width: 10px;
height: 10px;
background-color: #333;
border-radius: 50%;
cursor: pointer;
margin-top: -4px;
}
.scroller-range::-moz-range-track {
width: 2px;
height: 100%;
background-color: #ccc;
border-radius: 1px;
}
.scroller-range::-moz-range-thumb {
width: 10px;
height: 10px;
background-color: #333;
border-radius: 50%;
cursor: pointer;
}
.scroller-index {