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

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