修复在缩小浏览器窗口时,主题滚动条样式可能丢失的问题

jerrykuku · May 23, 2023 · e093e7b · e093e7b
1 parent e1066bd
commit e093e7b
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 43 deletions.
diff --git a/htdocs/luci-static/argon/css/cascade.css b/htdocs/luci-static/argon/css/cascade.css
@@ -2528,6 +2528,23 @@ form > .cbi-map > .cbi-section > .cbi-section-node > .cbi-value > .cbi-value-fie
 .cbi-section-table .cbi-section-table-titles .cbi-section-table-cell {
   width: auto !important;
 }
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+::-webkit-scrollbar,
+::-webkit-scrollbar-corner {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: #9e9e9e;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #757575;
+}
+::-webkit-scrollbar-thumb:active {
+  background: #424242;
+}
 /* desc */
 .cbi-section-descr {
   padding: 1rem 1.5rem;
@@ -2985,25 +3002,6 @@ input[name="nslookup"] {
     font-size: 0.7rem;
   }
 }
-@media screen and (min-width: 600px) {
-  ::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-  }
-  ::-webkit-scrollbar,
-  ::-webkit-scrollbar-corner {
-    background: transparent;
-  }
-  ::-webkit-scrollbar-thumb {
-    background: #9e9e9e;
-  }
-  ::-webkit-scrollbar-thumb:hover {
-    background: #757575;
-  }
-  ::-webkit-scrollbar-thumb:active {
-    background: #424242;
-  }
-}
 @media screen and (max-width: 992px) {
   .main .main-left {
     width: 0;

diff --git a/htdocs/luci-static/argon/less/cascade.less b/htdocs/luci-static/argon/less/cascade.less
@@ -1827,6 +1827,28 @@ td>table>tbody>tr>td,
     margin: 0;
 }
 
+::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+
+::-webkit-scrollbar,
+::-webkit-scrollbar-corner {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #9e9e9e;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #757575;
+}
+
+::-webkit-scrollbar-thumb:active {
+    background: #424242;
+}
+
 /* desc */
 
 
@@ -3676,30 +3698,6 @@ input[name="nslookup"] {
     }
 }
 
-@media screen and (min-width: 600px) {
-    ::-webkit-scrollbar {
-        width: 10px;
-        height: 10px;
-    }
-
-    ::-webkit-scrollbar,
-    ::-webkit-scrollbar-corner {
-        background: transparent;
-    }
-
-    ::-webkit-scrollbar-thumb {
-        background: #9e9e9e;
-    }
-
-    ::-webkit-scrollbar-thumb:hover {
-        background: #757575;
-    }
-
-    ::-webkit-scrollbar-thumb:active {
-        background: #424242;
-    }
-}
-
 @media screen and (max-width: 992px) {
     .main {
         .main-left {