diff options
Diffstat (limited to 'client/src/sass/bootstrap.scss')
-rw-r--r-- | client/src/sass/bootstrap.scss | 34 |
1 files changed, 28 insertions, 6 deletions
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss index 330882fe4..6cced995e 100644 --- a/client/src/sass/bootstrap.scss +++ b/client/src/sass/bootstrap.scss | |||
@@ -9,6 +9,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/'; | |||
9 | animation: spin .7s infinite linear; | 9 | animation: spin .7s infinite linear; |
10 | } | 10 | } |
11 | 11 | ||
12 | .flex-auto { | ||
13 | flex: auto; | ||
14 | } | ||
15 | |||
12 | @keyframes spin { | 16 | @keyframes spin { |
13 | from { | 17 | from { |
14 | transform: scale(1) rotate(0deg); | 18 | transform: scale(1) rotate(0deg); |
@@ -18,7 +22,13 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/'; | |||
18 | } | 22 | } |
19 | } | 23 | } |
20 | 24 | ||
25 | /* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */ | ||
26 | .dropdown:not(.btn-group) { | ||
27 | z-index: z(dropdown) !important; | ||
28 | } | ||
29 | |||
21 | .dropdown-menu { | 30 | .dropdown-menu { |
31 | z-index: z(dropdown) !important; | ||
22 | border-radius: 3px; | 32 | border-radius: 3px; |
23 | box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); | 33 | box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); |
24 | font-size: 15px; | 34 | font-size: 15px; |
@@ -26,8 +36,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/'; | |||
26 | .dropdown-item { | 36 | .dropdown-item { |
27 | padding: 3px 15px; | 37 | padding: 3px 15px; |
28 | 38 | ||
29 | &:active { | 39 | &.active { |
30 | color: #000 !important; | 40 | color: var(--mainBackgroundColor) !important; |
41 | background-color: var(--mainHoverColor); | ||
42 | opacity: .9; | ||
31 | } | 43 | } |
32 | } | 44 | } |
33 | 45 | ||
@@ -42,16 +54,14 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/'; | |||
42 | } | 54 | } |
43 | 55 | ||
44 | 56 | ||
45 | @media screen and (min-width: 768px) { | 57 | @media screen and (min-width: #{map-get($grid-breakpoints, md)}) { |
46 | .modal:before { | 58 | .modal:before { |
47 | display: inline-block; | ||
48 | vertical-align: middle; | 59 | vertical-align: middle; |
49 | content: " "; | 60 | content: " "; |
50 | height: 100%; | 61 | height: 100%; |
51 | } | 62 | } |
52 | 63 | ||
53 | .modal-dialog { | 64 | .modal-dialog { |
54 | display: inline-block; | ||
55 | text-align: left; | 65 | text-align: left; |
56 | vertical-align: middle; | 66 | vertical-align: middle; |
57 | min-width: 500px; | 67 | min-width: 500px; |
@@ -172,7 +182,19 @@ ngb-tabset.bootstrap { | |||
172 | } | 182 | } |
173 | 183 | ||
174 | ngb-modal-backdrop { | 184 | ngb-modal-backdrop { |
175 | z-index: 10000 !important; | 185 | z-index: z(modal) - 1 !important; |
186 | } | ||
187 | |||
188 | ngb-modal-window { | ||
189 | z-index: z(modal) !important; | ||
190 | } | ||
191 | |||
192 | ngb-popover-window { | ||
193 | z-index: z(popover) !important; | ||
194 | } | ||
195 | |||
196 | ngb-tooltip-window { | ||
197 | z-index: z(tooltip) !important; | ||
176 | } | 198 | } |
177 | 199 | ||
178 | .btn-outline-tertiary { | 200 | .btn-outline-tertiary { |