client/src/sass/z-index.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

@use '_variables' as *;
@use '_mixins' as *;

.header {
  z-index: z(header);
}

.help-popover {
  z-index: z(help-popover);
}

ngx-loading-bar {
  z-index: z(header) + 1 !important;
}

/* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */
.dropdown,
.dropup {
  z-index: z(dropdown) !important;
}

.list-overflow-menu,
.parent-entry {
  z-index: z(menu) - 1 !important;
}

.btn-group,
.dropdown-root,
.action-dropdown,
.column-toggle {
  z-index: inherit !important;
}

.dropdown-menu {
  z-index: z(dropdown) + 1 !important;
}

p-toast .p-toast {
  z-index: z(notification) !important;
}

ngb-modal-backdrop {
  z-index: z(modal) - 1 !important;
}

ngb-popover-window {
  z-index: z(popover) !important;
}

ngb-tooltip-window {
  z-index: z(tooltip) !important;
}

ngb-modal-window {
  z-index: z(modal) !important;

  ngb-tooltip-window {
    z-index: z(modal + 1) !important;
  }

  ngb-popover-window {
    z-index: z(modal + 1) !important;
  }

  .help-popover {
    z-index: z(modal + 1) !important;
  }
}