From 8150c87fa28070aeab1b74a6176dfc958fcba4d7 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Thu, 3 Jul 2025 19:41:43 +0800
Subject: [PATCH] style: customize scroller range

---
 open-isle-cli/src/views/PostPageView.vue | 37 ++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/open-isle-cli/src/views/PostPageView.vue b/open-isle-cli/src/views/PostPageView.vue
index c647cf5b2..974dc0a38 100644
--- a/open-isle-cli/src/views/PostPageView.vue
+++ b/open-isle-cli/src/views/PostPageView.vue
@@ -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 {