client/src/app/shared/shared-main/misc/top-menu-dropdown.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .parent-entry {
   5   span[role=button] {
   6     cursor: pointer;
   7   }
   8
   9   a {
  10     display: block;
  11   }
  12 }
  13
  14 .sub-menu ::ng-deep .dropdown-toggle::after {
  15   position: relative;
  16   top: 2px;
  17 }
  18
  19 .sub-menu ::ng-deep .dropdown-menu {
  20   margin-top: 0 !important;
  21 }
  22
  23 .icon {
  24   @include dropdown-with-icon-item;
  25
  26   top: -1px;
  27 }
  28
  29 .sub-menu.no-scroll {
  30   overflow-x: hidden;
  31 }
  32
  33 .modal-body {
  34   .hidden {
  35     display: none;
  36   }
  37
  38   a {
  39     @include disable-default-a-behaviour;
  40
  41     color: currentColor;
  42     box-sizing: border-box;
  43     display: block;
  44     font-size: 1.2rem;
  45     padding: 9px 12px;
  46     text-align: initial;
  47     text-transform: unset;
  48     width: 100%;
  49
  50     &.active {
  51       color: pvar(--mainBackgroundColor) !important;
  52       background-color: pvar(--mainHoverColor);
  53       opacity: .9;
  54     }
  55   }
  56 }