client/src/app/shared/shared-main/misc/list-overflow.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 :host {
   5   width: 100%;
   6 }
   7
   8 .list-overflow-parent {
   9   overflow: hidden;
  10   display: flex;
  11   // For the menu icon
  12   max-width: calc(100vw - 30px);
  13 }
  14
  15 .list-overflow-menu {
  16   position: absolute;
  17   right: 25px;
  18 }
  19
  20 button {
  21   width: 30px;
  22   border: 0;
  23
  24   &::after {
  25     display: none;
  26   }
  27
  28   &.route-active {
  29     &::after {
  30       display: inherit;
  31       border: 2px solid pvar(--mainColor);
  32       position: relative;
  33       right: 95%;
  34       top: 50%;
  35     }
  36   }
  37 }
  38
  39 ::ng-deep .dropdown-menu {
  40   margin-top: 0 !important;
  41   position: static;
  42   right: auto;
  43   bottom: auto;
  44 }
  45
  46 .modal-body {
  47   a {
  48     @include disable-default-a-behaviour;
  49
  50     color: currentColor;
  51     box-sizing: border-box;
  52     display: block;
  53     font-size: 1.2rem;
  54     padding: 9px 12px;
  55     text-align: initial;
  56     text-transform: unset;
  57     width: 100%;
  58
  59     &.active {
  60       color: pvar(--mainBackgroundColor) !important;
  61       background-color: pvar(--mainHoverColor);
  62       opacity: .9;
  63     }
  64   }
  65 }