client/src/sass/z-index.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .header {
   5   z-index: z(header);
   6 }
   7
   8 .help-popover {
   9   z-index: z(help-popover);
  10 }
  11
  12 ngx-loading-bar {
  13   z-index: z(header) + 1 !important;
  14 }
  15
  16 /* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */
  17 .dropdown,
  18 .dropup {
  19   z-index: z(dropdown) !important;
  20 }
  21
  22 .list-overflow-menu,
  23 .parent-entry {
  24   z-index: z(menu) - 1 !important;
  25 }
  26
  27 .btn-group,
  28 .dropdown-root,
  29 .action-dropdown,
  30 .column-toggle {
  31   z-index: inherit !important;
  32 }
  33
  34 .dropdown-menu {
  35   z-index: z(dropdown) + 1 !important;
  36 }
  37
  38 p-toast .p-toast {
  39   z-index: z(notification) !important;
  40 }
  41
  42 ngb-modal-backdrop {
  43   z-index: z(modal) - 1 !important;
  44 }
  45
  46 ngb-popover-window {
  47   z-index: z(popover) !important;
  48 }
  49
  50 ngb-tooltip-window {
  51   z-index: z(tooltip) !important;
  52 }
  53
  54 ngb-modal-window {
  55   z-index: z(modal) !important;
  56
  57   ngb-tooltip-window {
  58     z-index: z(modal + 1) !important;
  59   }
  60
  61   ngb-popover-window {
  62     z-index: z(modal + 1) !important;
  63   }
  64
  65   .help-popover {
  66     z-index: z(modal + 1) !important;
  67   }
  68 }