aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/bootstrap.scss13
-rw-r--r--client/src/sass/primeng-custom.scss32
2 files changed, 34 insertions, 11 deletions
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index e13e0bff6..eee3db8fc 100644
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -27,7 +27,7 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
27} 27}
28 28
29/* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */ 29/* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */
30.dropdown:not(.btn-group) { 30.dropdown:not(.btn-group):not(.dropdown-root):not(.action-dropdown) {
31 z-index: z(dropdown) !important; 31 z-index: z(dropdown) !important;
32 32
33 &.list-overflow-menu, 33 &.list-overflow-menu,
@@ -37,7 +37,6 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
37} 37}
38 38
39.dropdown-menu { 39.dropdown-menu {
40 z-index: z(dropdown) !important;
41 border-radius: 3px; 40 border-radius: 3px;
42 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); 41 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);
43 font-size: 15px; 42 font-size: 15px;
@@ -76,10 +75,12 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
76 75
77 .modal-dialog { 76 .modal-dialog {
78 text-align: left; 77 text-align: left;
79 vertical-align: middle; 78
80 min-width: 500px; 79 &:not(.modal-lg):not(.modal-xl) {
81 width: 40vw; 80 min-width: 500px;
82 max-width: 900px; 81 width: 40vw;
82 max-width: 900px;
83 }
83 } 84 }
84} 85}
85 86
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index 869532fe9..8444f9357 100644
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -17,6 +17,11 @@ my-button {
17 height: max-content; 17 height: max-content;
18} 18}
19 19
20// focus box-shadow for primeng
21.ui-inputtext:enabled:focus:not(.ui-state-error) {
22 box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest) !important;
23}
24
20// data table customizations 25// data table customizations
21p-table { 26p-table {
22 .ui-table-caption { 27 .ui-table-caption {
@@ -178,6 +183,16 @@ p-table {
178 justify-content: center; 183 justify-content: center;
179 align-items: center; 184 align-items: center;
180 185
186 .ui-dropdown {
187 position: absolute;
188 left: 0;
189 }
190
191 .ui-paginator-current {
192 position: absolute;
193 right: 0;
194 }
195
181 .ui-paginator-first, 196 .ui-paginator-first,
182 .ui-paginator-prev, 197 .ui-paginator-prev,
183 .ui-paginator-next, 198 .ui-paginator-next,
@@ -189,6 +204,11 @@ p-table {
189 font-size: 13px; 204 font-size: 13px;
190 top: -1px; 205 top: -1px;
191 206
207 &.focus-within,
208 &:focus {
209 box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest);
210 }
211
192 &.ui-state-disabled:hover { 212 &.ui-state-disabled:hover {
193 background-color: #fff !important; 213 background-color: #fff !important;
194 } 214 }
@@ -217,6 +237,13 @@ p-table {
217 .ui-paginator-pages { 237 .ui-paginator-pages {
218 height: auto !important; 238 height: auto !important;
219 239
240 .ui-paginator-page {
241 &.focus-within,
242 &:focus {
243 box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest) !important;
244 }
245 }
246
220 a { 247 a {
221 color: var(--mainForegroundColor) !important; 248 color: var(--mainForegroundColor) !important;
222 font-weight: $font-semibold !important; 249 font-weight: $font-semibold !important;
@@ -232,11 +259,6 @@ p-table {
232 color: #fff !important; 259 color: #fff !important;
233 background-color: var(--mainColor) !important; 260 background-color: var(--mainColor) !important;
234 } 261 }
235
236 &.focus-within,
237 &:focus {
238 box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest);
239 }
240 } 262 }
241 } 263 }
242 } 264 }