Merge branch 'fix-220418-ljr' into 'v2-220418'

fix: 修复导航栏样式 See merge request linkseeks-design/pro-platform!437

Merge branch 'fix-220418-ljr' into 'v2-220418'
8da15091 · leimo · 615977db · 72545fb3 · 8da15091
Commit 8da15091 authored Apr 20, 2022 by leimo
Hide whitespace changes
Inline Side-by-side

Showing with 92 additions and 17 deletions

MenuSlider.less src/layouts/styles/MenuSlider.less +92 -17

No files found.
--- a/src/layouts/styles/MenuSlider.less
+++ b/src/layouts/styles/MenuSlider.less
@@ -30,15 +30,13 @@

 .menu_sider {
  position: relative;
-  :global {
-
+  :global{
    .ant-menu-root{
      padding: 0 8px;
    }
    .ant-menu-sub {
      background: #fff;
    }
-
    .ant-menu-submenu{
      .ant-menu-submenu-title{
        .anticon-right{
@@ -76,7 +74,10 @@

    .ant-menu-item {
      .anticon-border{
-        color: #91959B;
+        color: #91959B !important;
+      }
+      a {
+        color: #5C626A !important;
      }
    }

@@ -86,10 +87,10 @@
      color: #252D37;
      border-radius: 4px;
      .anticon-border{
-        color: #252D37;
+        color: #252D37 !important;
      }
      a {
-        color: #252D37;
+        color: #252D37 !important;
      }
    }

@@ -98,13 +99,97 @@
      color: #00A98F;
      border-radius: 4px;
      .anticon-border{
-        color: #00A98F;
+        color: #00A98F !important;
      }
      a {
+        color: #00A98F !important;
+      }
+    }
+
+  }
+  .menuSlider {
+    flex: 1;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    border-right: 1px solid #fff;
+    background: #fff;
+    .ant-menu-submenu-title {
+      height: 48px !important;
+      line-height: 48px !important;
+    }
+    :global {
+
+      .ant-menu-submenu{
+        .ant-menu-submenu-title{
+          .anticon-right{
+            color: #91959B;
+          }
+        }
+      }
+
+
+      .ant-menu-submenu-open{
+        .ant-menu-submenu-title{
+          color: #252D37;
+          background: #EDEEEF;
+          border-radius: 4px;
+        }
+        .ant-menu-submenu-arrow{
+          color: #252D37;
+        }
+      }
+
+      .ant-menu-submenu-active,.ant-menu-submenu-selected{
+        .ant-menu-submenu-title{
+          background: #F5F6F7;
+          color: #252D37;
+          border-radius: 4px;
+        }
+        .ant-menu-submenu-arrow{
+          color: #252D37;
+        }
+      }
+
+      .ant-menu-inline .ant-menu-item-selected::after {
+        opacity: 0;
+      }
+
+      .ant-menu-item {
+        .anticon-border{
+          color: #91959B !important;
+        }
+        a {
+          color: #5C626A !important;
+        }
+      }
+
+
+      .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-active {
+        background: #F5F6F7;
+        color: #252D37;
+        border-radius: 4px;
+        .anticon-border{
+          color: #252D37 !important;
+        }
+        a {
+          color: #252D37 !important;
+        }
+      }
+
+      .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+        background: @menu-select-bg-color;
        color: #00A98F;
+        border-radius: 4px;
+        .anticon-border{
+          color: #00A98F !important;
+        }
+        a {
+          color: #00A98F !important;
+        }
      }
    }
  }
+
 }

 .menuTitle {
@@ -237,14 +322,4 @@
  }
 }

-.menuSlider {
-  flex: 1;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  border-right: 1px solid #fff;

-  .ant-menu-submenu-title {
-    height: 48px !important;
-    line-height: 48px !important;
-  }
-}