diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss index cb4b7e6..862e343 100644 --- a/src/assets/styles/sidebar.scss +++ b/src/assets/styles/sidebar.scss @@ -18,7 +18,6 @@ background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); height: 100vh; position: fixed; - font-size: 0px; top: 0; bottom: 0; left: 0; @@ -100,7 +99,7 @@ overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; - font-size: 14px; + font-size: 14px !important; font-weight: 500; color: rgba(255, 255, 255, 0.95) !important; background: transparent !important; @@ -112,6 +111,16 @@ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; + span { + font-size: 14px !important; + display: inline-block !important; + visibility: visible !important; + opacity: 1 !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + } + &:hover { background: rgba(255, 255, 255, 0.15) !important; color: #ffffff !important; @@ -167,7 +176,17 @@ padding: 0 24px !important; height: 40px; line-height: 40px; - font-size: 13px; + font-size: 13px !important; + + span { + font-size: 13px !important; + display: inline-block !important; + visibility: visible !important; + opacity: 1 !important; + width: auto !important; + height: auto !important; + overflow: visible !important; + } &:hover { background: rgba(255, 255, 255, 0.12) !important; @@ -219,6 +238,14 @@ margin-left: 20px; } } + + span { + height: 0 !important; + width: 0 !important; + overflow: hidden !important; + visibility: hidden !important; + display: inline-block !important; + } } .el-submenu { @@ -230,7 +257,14 @@ .svg-icon { margin-left: 20px; } - + + span { + height: 0 !important; + width: 0 !important; + overflow: hidden !important; + visibility: hidden !important; + display: inline-block !important; + } } } @@ -238,14 +272,24 @@ .el-submenu { &>.el-submenu__title { &>span { - height: 0; - width: 0; - overflow: hidden; - visibility: hidden; - display: inline-block; + height: 0 !important; + width: 0 !important; + overflow: hidden !important; + visibility: hidden !important; + display: inline-block !important; } } } + + .el-menu-item { + span { + height: 0 !important; + width: 0 !important; + overflow: hidden !important; + visibility: hidden !important; + display: inline-block !important; + } + } } }