jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-05-11 21:27:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: customize scroller range

Browse Source
This commit is contained in:
Tim
2025-07-03 19:41:43 +08:00
parent 97b7a791e3
commit 8150c87fa2
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 { .scroller-range {
writing-mode: vertical-rl; writing-mode: vertical-rl;
direction: ltr; direction: ltr;
width: 2px;
-webkit-appearance: slider-vertical;
height: 300px; 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 { .scroller-index {