style(core): 优化nav和contextMenu样式

common/css/chrome-tabs.css

@@ -1,7 +1,7 @@
 .chrome-tabs {
   box-sizing: border-box;
   position: relative;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: "Lato", "Noto Sans SC";
   font-size: 12px;
   height: 46px;
   padding: 5px 0px 0px 0px;

common/css/jquery.contextMenu.css

@@ -193,9 +193,10 @@
 }
 
 .tippy-box > .tippy-content > .context-menu-list {
-    -webkit-box-shadow: unset;
+  position: relative;
-    box-shadow: unset;
+  -webkit-box-shadow: unset;
-    border-radius: 0.25rem;
+  box-shadow: unset;
+  border-radius: 0.25rem;
 }
 
 .context-menu-item {

common/templates/html/nav/nav.html

@@ -12,10 +12,12 @@
     }
 
     html[data-bs-theme=light] ul[m-id="{{d.mId}}"] {
+        background-color: var(--app-light-color) !important;
         border-bottom: 1px solid #c9c9c9;
     }
 
     html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] {
+        background-color: #3c3c3c !important;
         border-bottom: 1px solid rgba(128, 128, 128, 0.35);
     }
 
@@ -27,9 +29,6 @@
         flex-direction: row;
         align-items: center;
         justify-content: center;
-    }
-
-    ul[m-id="{{d.mId}}"] button {
         border-color: transparent;
         color: #fff !important;
     }
@@ -48,13 +47,11 @@
 
     html[data-bs-theme=light] ul[m-id="{{d.mId}}"] button:hover {
         box-shadow: 2px 0px 5px #7b7171;
-        /*box-shadow: none;*/
         border-color: #19897f;
     }
 
     html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] button:hover {
         box-shadow: 2px 0px 5px #303030;
-        /*box-shadow: none;*/
         border-color: #434242;
     }
 
@@ -75,14 +72,8 @@
         max-height: calc(100vh - var(--nav-height) - 12px);
         line-height: 30px;
         overflow-y: auto;
-    }
+        top: var(--nav-height);
-
+        box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
-    html[data-bs-theme=light] ul[m-id="{{d.mId}}"] {
-        background-color: var(--app-light-color) !important;
-    }
-
-    html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] {
-        background-color: #3c3c3c !important;
     }
 
     ul[m-id="{{d.mId}}"] .layui-nav-item {
@@ -91,10 +82,6 @@
         cursor: pointer;
     }
 
-    ul[m-id="{{d.mId}}"] .layui-nav-child {
-        top: var(--nav-height);
-    }
-
     ul[m-id="{{d.mId}}"] dl {
         z-index: 1001;
     }
@@ -150,8 +137,8 @@
     }
 
     ul[m-id="{{d.mId}}"] .layui-nav-item dd > a {
-        font-size: 14px;
+        font-size: 13px;
-        line-height: 14px;
+        line-height: 13px;
         border-radius: 5px;
         box-sizing: content-box;
         padding: 5px 7px 4px 7px !important;
@@ -159,16 +146,11 @@
         border-radius: 5px;
         min-width: 100px;
         font-family: "Lato", "Noto Sans SC";
-    }
-
-    ul[m-id="{{d.mId}}"] .layui-nav-item dd > a {
         transition: none;
         -webkit-transition: none;
     }
 
     ul[m-id="{{d.mId}}"] .layui-nav-item dd > a:hover {
-        transition: none;
-        -webkit-transition: none;
         color: #fff;
     }
 
@@ -272,33 +254,33 @@
         -webkit-transition: all .3s;
     }
 
-    html[data-bs-theme=light] ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection {
+    html[data-bs-theme=light] ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection {
         background-color: #009f90;
         border-color: #009f90;
     }
 
-    html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection {
+    html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection {
         background-color: var(--lay-color-fill-2);
         border-color: var(--lay-color-border-1);
     }
 
-    html[data-bs-theme=light] ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection:hover {
+    html[data-bs-theme=light] ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection:hover {
         border-color: #037a6f;
     }
 
-    html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection:hover {
+    html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection:hover {
         border-color: #1f1f1f;
     }
 
-    ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection > .select2-selection__rendered {
+    ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection > .select2-selection__rendered {
         color: #fff;
     }
 
-    ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection > .select2-selection__arrow b {
+    ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection > .select2-selection__arrow b {
         border-color: #fff transparent transparent transparent;
     }
 
-    ul[m-id="{{d.mId}}"] select + .select2-container--open > .selection > .select2-selection > .select2-selection__arrow b {
+    ul[m-id="{{d.mId}}"] .select2-container--open > .selection > .select2-selection > .select2-selection__arrow b {
         border-color: transparent transparent #fff transparent;
     }
 </style>