修复新版Edge浏览器下,最后一个子菜单[cbi-tab]显示异常

jerrykuku · Dec 21, 2024 · f59cd1f · f59cd1f
1 parent 0fbfeec
commit f59cd1f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 23 deletions.
diff --git a/htdocs/luci-static/argon/css/cascade.css b/htdocs/luci-static/argon/css/cascade.css
@@ -2203,8 +2203,8 @@ div::-webkit-scrollbar {
 .tabs li[class~="active"],
 .tabs li:hover {
   cursor: pointer;
-  border-bottom: 0.18751rem solid #5e72e4;
-  border-bottom: 0.18751rem solid var(--primary);
+  border-bottom: 0.18751rem solid #5e72e4 !important;
+  border-bottom: 0.18751rem solid var(--primary) !important;
   color: #5e72e4;
   color: var(--primary);
   background-color: var(--light-subtabs-background);
@@ -2227,10 +2227,6 @@ div::-webkit-scrollbar {
   color: #404040;
   padding: 0.5rem 0.8rem;
 }
-.tabs li:hover {
-  border-bottom: 0.18751rem solid #5e72e4;
-  border-bottom: 0.18751rem solid var(--primary);
-}
 .cbi-tabmenu {
   color: white;
   padding: 0.5rem 0.5rem 0 0.5rem;
@@ -2261,7 +2257,7 @@ div::-webkit-scrollbar {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
   padding: 0.5rem 0rem;
-  border-bottom: 0.18751rem solid rgba(0, 0, 0, 0);
+  border-bottom: 0.18751rem solid rgba(0, 0, 0, 0) !important;
 }
 .cbi-tabmenu li a {
   text-decoration: none;
@@ -2270,8 +2266,8 @@ div::-webkit-scrollbar {
 }
 .cbi-tabmenu li:hover {
   cursor: pointer;
-  border-bottom: 0.18751rem solid #5e72e4;
-  border-bottom: 0.18751rem solid var(--primary);
+  border-bottom: 0.18751rem solid #5e72e4 !important;
+  border-bottom: 0.18751rem solid var(--primary) !important;
   color: #5e72e4;
   color: var(--primary);
   background-color: var(--light-subtabs-background);
@@ -2281,8 +2277,8 @@ div::-webkit-scrollbar {
   color: #525f7f;
 }
 .cbi-tabmenu li[class~="cbi-tab"] {
-  border-bottom: 0.18751rem solid #5e72e4;
-  border-bottom: 0.18751rem solid var(--primary);
+  border-bottom: 0.18751rem solid #5e72e4 !important;
+  border-bottom: 0.18751rem solid var(--primary) !important;
   color: var(--primary);
   background-color: var(--light-subtabs-background);
   margin-bottom: 0;

diff --git a/htdocs/luci-static/argon/less/cascade.less b/htdocs/luci-static/argon/less/cascade.less
@@ -2663,8 +2663,8 @@ td>table>tbody>tr>td {
     li[class~="active"],
     li:hover {
         cursor: pointer;
-        border-bottom: 0.18751rem solid #5e72e4;
-        border-bottom: 0.18751rem solid var(--primary);
+        border-bottom: 0.18751rem solid #5e72e4 !important;
+        border-bottom: 0.18751rem solid var(--primary) !important;
         color: #5e72e4;
         color: var(--primary);
         background-color: var(--light-subtabs-background);
@@ -2688,11 +2688,6 @@ td>table>tbody>tr>td {
             color: #404040;
             padding: 0.5rem 0.8rem;
         }
-
-        &:hover {
-            border-bottom: 0.18751rem solid #5e72e4;
-            border-bottom: 0.18751rem solid var(--primary);
-        }
     }
 }
 
@@ -2739,7 +2734,7 @@ div::-webkit-scrollbar {
         border-top-left-radius: 0.25rem;
         border-top-right-radius: 0.25rem;
         padding: 0.5rem 0rem;
-        border-bottom: 0.18751rem solid rgba(0, 0, 0, 0);
+        border-bottom: 0.18751rem solid rgba(0, 0, 0, 0) !important;
 
         a {
             text-decoration: none;
@@ -2749,8 +2744,8 @@ div::-webkit-scrollbar {
 
         &:hover {
             cursor: pointer;
-            border-bottom: 0.18751rem solid #5e72e4;
-            border-bottom: 0.18751rem solid var(--primary);
+            border-bottom: 0.18751rem solid #5e72e4 !important;
+            border-bottom: 0.18751rem solid var(--primary) !important;
             color: #5e72e4;
             color: var(--primary);
             background-color: var(--light-subtabs-background);
@@ -2763,8 +2758,8 @@ div::-webkit-scrollbar {
     }
 
     li[class~="cbi-tab"] {
-        border-bottom: 0.18751rem solid #5e72e4;
-        border-bottom: 0.18751rem solid var(--primary);
+        border-bottom: 0.18751rem solid #5e72e4 !important;
+        border-bottom: 0.18751rem solid var(--primary) !important;
         color: var(--primary);
         background-color: var(--light-subtabs-background);
         margin-bottom: 0;