WebTools - MainLayout sidemenu styles changed.

JanKotschenreuther · Feb 27, 2024 · 28cfc20 · 28cfc20
1 parent 8f25853
commit 28cfc20
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 36 deletions.
diff --git a/WebTools/Shared/MainLayout.razor.css b/WebTools/Shared/MainLayout.razor.css
@@ -1,5 +1,4 @@
 #sideMenu {
-    min-width: 250px;
 }
 
 /* navigation styles */
@@ -11,9 +10,9 @@
     font-size: 1.1rem;
 }
 
-.nav-link [class^="bi-"] {
-    font-size: 1.1rem;
-    width: 2rem;
+.nav-item {
+    min-width: 15rem;
+    font-size: 0.9rem;
 }
 
     .nav-item:first-of-type {
@@ -43,6 +42,11 @@
     color: white;
 }
 
+.nav-link [class^="bi-"] {
+    font-size: 1.1rem;
+    width: 2rem;
+}
+
 /*.page {
     position: relative;
     display: flex;

diff --git a/WebTools/Shared/NavMenu.razor.css b/WebTools/Shared/NavMenu.razor.css
@@ -18,38 +18,6 @@
     top: -2px;
 }
 
-.nav-item {
-    font-size: 0.9rem;
-    padding-bottom: 0.5rem;
-}
-
-    .nav-item:first-of-type {
-        padding-top: 1rem;
-    }
-
-    .nav-item:last-of-type {
-        padding-bottom: 1rem;
-    }
-
-    .nav-item ::deep a {
-        color: #d7d7d7;
-        border-radius: 4px;
-        height: 3rem;
-        display: flex;
-        align-items: center;
-        line-height: 3rem;
-    }
-
-.nav-item ::deep a.active {
-    background-color: rgba(255,255,255,0.25);
-    color: white;
-}
-
-.nav-item ::deep a:hover {
-    background-color: rgba(255,255,255,0.1);
-    color: white;
-}
-
 @media (min-width: 641px) {
     .navbar-toggler {
         display: none;