fixed login/logout expandable container style

Author: jr-rk

src/app/shared/auth-nav-menu/user-menu/user-menu.component.scss

@@ -8,6 +8,7 @@
       .ds-menu-item-wrapper {
         a.ds-menu-item, &.username-email-wrapper {
           padding: var(--ds-user-menu-item-vertical-padding) var(--ds-user-menu-dropdown-padding);
+          text-decoration: none;
         }
 
         a.ds-menu-item {
@@ -17,6 +18,10 @@
             color: var(--ds-expandable-navbar-link-color-hover);
             background-color: var(--ds-user-menu-dropdown-link-background-hover);
           }
+          &:active, &:focus {
+            color: white;
+            background-color: var(--ds-expandable-navbar-bg);
+          }
         }
       }
     }

src/themes/custom/app/shared/auth-nav-menu/auth-nav-menu.component.scss

@@ -1,4 +1,4 @@
-.loginDropdownMenu, .logoutDropdownMenu {
+#loginDropdownMenu, #logoutDropdownMenu {
   min-width: 330px;
   z-index: 1002;
 }

src/themes/custom/styles/_custom_variables.scss

@@ -34,8 +34,8 @@
   --ds-navbar-bg: var(--ds-header-bg);
   --ds-header-navbar-border-top-color: #{$white};
   --ds-header-navbar-border-bottom-color: #{$gray-400};
-  --ds-navbar-link-color: #fff;
-  --ds-navbar-link-color-hover: darken(#fff, 15%);
+  --ds-navbar-link-color: var(--lt-vsb-tuo-cyan);
+  --ds-navbar-link-color-hover: var(--lt-vsb-tuo-cyan-hover);
   --ds-expandable-navbar-bg: var(--ds-navbar-bg);
   --ds-expandable-navbar-link-color: var(--ds-navbar-link-color);
   --ds-expandable-navbar-link-color-hover: var(--ds-navbar-link-color-hover);