sidebar active highlight width increased and text bold when active

Kareadita · Oct 25, 2024 · e84e7c5 · e84e7c5
1 parent b1859bc
commit e84e7c5
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 17 deletions.
diff --git a/UI/Web/src/app/sidenav/_components/side-nav-item/side-nav-item.component.scss b/UI/Web/src/app/sidenav/_components/side-nav-item/side-nav-item.component.scss
@@ -12,18 +12,6 @@
     }
 }
 
-::ng-deep .side-nav app-side-nav-item:last-child {
-  .active-highlight {
-    border-bottom-left-radius: 3px;
-  }
-}
-
-::ng-deep .side-nav app-side-nav-item:last-child {
-  .side-nav-item {
-    border-bottom-left-radius: 3px;
-  }
-}
-
 @media (max-width: $grid-breakpoints-lg) {
     ::ng-deep .side-nav app-side-nav-item:first-child {
         .side-nav-item {

diff --git a/UI/Web/src/theme/components/_sidenav.scss b/UI/Web/src/theme/components/_sidenav.scss
@@ -186,6 +186,7 @@
       &.active {
         background-color: var(--side-nav-active-bg-color);
         color: var(--side-nav-item-active-text-color);
+        font-weight: bold;
 
         .active-highlight {
           background-color: var(--side-nav-item-active-color);
@@ -369,11 +370,6 @@
     .side-nav-item {
       padding: 0;
     }
-
-    .side-nav-item:first {
-      border-top-left-radius: var(--side-nav-border-radius);
-      border-top-right-radius: var(--side-nav-border-radius);
-    }
   }
 
     .sidenav-bottom {