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 .input-group-prepend,
  31 .column-toggle {
  32   z-index: inherit !important;
  33 }
  34
  35 .dropdown-menu {
  36   z-index: z(dropdown) + 1 !important;
  37 }
  38
  39 p-toast .p-toast {
  40   z-index: z(notification) !important;
  41 }
  42
  43 ngb-modal-backdrop {
  44   z-index: z(modal) - 1 !important;
  45 }
  46
  47 ngb-popover-window {
  48   z-index: z(popover) !important;
  49 }
  50
  51 ngb-tooltip-window {
  52   z-index: z(tooltip) !important;
  53 }
  54
  55 ngb-modal-window {
  56   z-index: z(modal) !important;
  57
  58   ngb-tooltip-window {
  59     z-index: z(modal + 1) !important;
  60   }
  61
  62   ngb-popover-window {
  63     z-index: z(modal + 1) !important;
  64   }
  65
  66   .help-popover {
  67     z-index: z(modal + 1) !important;
  68   }
  69 }