@ihk-gfi/lux-components-theme 14.3.0 → 14.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/prebuilt-themes/luxtheme-authentic-min.css +1 -1
- package/prebuilt-themes/luxtheme-authentic-min.css.map +1 -1
- package/prebuilt-themes/luxtheme-authentic.css +368 -104
- package/prebuilt-themes/luxtheme-authentic.css.map +1 -1
- package/prebuilt-themes/luxtheme-blue-min.css +1 -1
- package/prebuilt-themes/luxtheme-blue-min.css.map +1 -1
- package/prebuilt-themes/luxtheme-blue.css +323 -87
- package/prebuilt-themes/luxtheme-blue.css.map +1 -1
- package/prebuilt-themes/luxtheme-green-min.css +1 -1
- package/prebuilt-themes/luxtheme-green-min.css.map +1 -1
- package/prebuilt-themes/luxtheme-green.css +776 -137
- package/prebuilt-themes/luxtheme-green.css.map +1 -1
- package/src/authentic/_custom.scss +149 -135
- package/src/base/_luxcomponents.scss +55 -50
- package/src/base/_luxfocus.scss +54 -51
- package/src/base/components/_luxCheckboxContainerAc.scss +35 -0
- package/src/base/components/_luxFormControlWrapper.scss +27 -25
- package/src/base/components/_luxFormControlsAuthentic.scss +51 -28
- package/src/base/components/_luxLinkPlain.scss +52 -38
- package/src/base/components/_luxTileAc.scss +10 -11
- package/src/blue/_custom.scss +21 -11
- package/src/green/_custom.scss +358 -70
- package/src/green/luxtheme.scss +2 -1
|
@@ -74,7 +74,8 @@ lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover {
|
|
|
74
74
|
background-color: #f2f2f2 !important;
|
|
75
75
|
border-radius: 4px;
|
|
76
76
|
}
|
|
77
|
-
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon,
|
|
77
|
+
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon,
|
|
78
|
+
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover .lux-header-username {
|
|
78
79
|
color: #335c85 !important;
|
|
79
80
|
}
|
|
80
81
|
|
|
@@ -161,10 +162,12 @@ lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab
|
|
|
161
162
|
}
|
|
162
163
|
|
|
163
164
|
/** ########## Chips ########## **/
|
|
164
|
-
lux-chips .mat-standard-chip:focus-visible,
|
|
165
|
+
lux-chips .mat-standard-chip:focus-visible,
|
|
166
|
+
lux-chips-ac .mat-standard-chip:focus-visible {
|
|
165
167
|
outline: 2px dotted #000000 !important;
|
|
166
168
|
}
|
|
167
|
-
lux-chips .mat-chip.mat-standard-chip:after,
|
|
169
|
+
lux-chips .mat-chip.mat-standard-chip:after,
|
|
170
|
+
lux-chips-ac .mat-chip.mat-standard-chip:after {
|
|
168
171
|
background-color: unset;
|
|
169
172
|
}
|
|
170
173
|
|
|
@@ -219,18 +222,18 @@ lux-datepicker mat-datepicker-toggle .mat-button-focus-overlay {
|
|
|
219
222
|
display: none;
|
|
220
223
|
}
|
|
221
224
|
|
|
222
|
-
lux-datepicker-ac mat-datepicker-toggle button:focus-visible,
|
|
225
|
+
lux-datepicker-ac mat-datepicker-toggle button:focus-visible,
|
|
226
|
+
lux-datetimepicker-ac mat-datepicker-toggle button:focus-visible {
|
|
223
227
|
outline: 2px dotted #000000 !important;
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
lux-datepicker-ac mat-datepicker-toggle button:hover, lux-datetimepicker-ac mat-datepicker-toggle button:hover {
|
|
227
|
-
background-color: #fff;
|
|
228
|
-
border-radius: 4px;
|
|
228
|
+
outline-offset: 2px;
|
|
229
|
+
border-radius: 2px;
|
|
229
230
|
}
|
|
230
|
-
lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue,
|
|
231
|
+
lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue,
|
|
232
|
+
lux-datetimepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue {
|
|
231
233
|
color: #f2f2f2;
|
|
232
234
|
}
|
|
233
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-button-focus-overlay,
|
|
235
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-button-focus-overlay,
|
|
236
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-button-focus-overlay {
|
|
234
237
|
display: none;
|
|
235
238
|
}
|
|
236
239
|
|
|
@@ -307,7 +310,8 @@ lux-table tr:hover > th {
|
|
|
307
310
|
background-color: #f2f2f2 !important;
|
|
308
311
|
border-radius: 0;
|
|
309
312
|
}
|
|
310
|
-
lux-table tr:focus-visible,
|
|
313
|
+
lux-table tr:focus-visible,
|
|
314
|
+
lux-table td:focus-visible {
|
|
311
315
|
outline: 2px dotted #000000 !important;
|
|
312
316
|
outline-offset: -2px;
|
|
313
317
|
}
|
|
@@ -370,47 +374,167 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
370
374
|
mask-size: cover;
|
|
371
375
|
}
|
|
372
376
|
|
|
373
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
377
|
+
.lux-select-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
378
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
379
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
380
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
381
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
382
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
383
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
384
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
385
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
386
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
387
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active) {
|
|
374
388
|
color: #335c85;
|
|
375
389
|
background-color: #ffffff;
|
|
376
390
|
font-weight: 600;
|
|
377
391
|
}
|
|
378
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
392
|
+
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
393
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
394
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
395
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
396
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
397
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
398
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
399
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
400
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
401
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
402
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) {
|
|
379
403
|
outline: 2px dotted #000000 !important;
|
|
380
404
|
outline-offset: -2px;
|
|
381
405
|
background-color: #708daa;
|
|
382
406
|
color: #ffffff;
|
|
383
407
|
}
|
|
384
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
408
|
+
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
409
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
410
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
411
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
412
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
413
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
414
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
415
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
416
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
417
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
418
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox {
|
|
385
419
|
color: #ffffff;
|
|
386
420
|
}
|
|
387
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
421
|
+
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
422
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
423
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
424
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
425
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
426
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
427
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
428
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
429
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
430
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
431
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked {
|
|
388
432
|
background-color: #ffffff;
|
|
389
433
|
}
|
|
390
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
434
|
+
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
435
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
436
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
437
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
438
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
439
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
440
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
441
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
442
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
443
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
444
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after {
|
|
391
445
|
border-color: #335c85 !important;
|
|
392
446
|
}
|
|
393
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
447
|
+
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
448
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
449
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
450
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
451
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
452
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
453
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
454
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
455
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
456
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
457
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after {
|
|
394
458
|
background-color: #fff;
|
|
395
459
|
}
|
|
396
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
460
|
+
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
461
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
462
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
463
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
464
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
465
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
466
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
467
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
468
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
469
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
470
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
|
|
397
471
|
background-color: #708daa;
|
|
398
472
|
color: #ffffff;
|
|
399
473
|
border-radius: 0px !important;
|
|
400
474
|
}
|
|
401
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
475
|
+
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
476
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
477
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
478
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
479
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
480
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
481
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
482
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
483
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
484
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
485
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
|
|
402
486
|
color: #ffffff;
|
|
403
487
|
}
|
|
404
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
488
|
+
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
489
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
490
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
491
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
492
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
493
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
494
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
495
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
496
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
497
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
498
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked {
|
|
405
499
|
background-color: #ffffff;
|
|
406
500
|
}
|
|
407
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
501
|
+
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
502
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
503
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
504
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
505
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
506
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
507
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
508
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
509
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
510
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
511
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after {
|
|
408
512
|
border-color: #335c85 !important;
|
|
409
513
|
}
|
|
410
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
514
|
+
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
515
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
516
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
517
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
518
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
519
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
520
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
521
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
522
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
523
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
524
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
|
|
411
525
|
color: #ffffff;
|
|
412
526
|
}
|
|
413
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
527
|
+
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
528
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
529
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
530
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
531
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
532
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
533
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
534
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
535
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
536
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
537
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after {
|
|
414
538
|
background-color: #fff;
|
|
415
539
|
}
|
|
416
540
|
|
|
@@ -453,17 +577,20 @@ lux-button:not(.lang-select-trigger-ac, .user-menu-trigger-ac, .lux-action-nav-i
|
|
|
453
577
|
}
|
|
454
578
|
|
|
455
579
|
/** ########## Autocomplete ########## **/
|
|
456
|
-
.lux-autocomplete-panel mat-option:focus-visible,
|
|
580
|
+
.lux-autocomplete-panel mat-option:focus-visible,
|
|
581
|
+
.lux-chips-autocomplete-panel mat-option:focus-visible {
|
|
457
582
|
outline: 2px dotted #000000 !important;
|
|
458
583
|
outline-offset: -2px;
|
|
459
584
|
border-radius: 4px;
|
|
460
585
|
}
|
|
461
|
-
.lux-autocomplete-panel mat-option.mat-active,
|
|
586
|
+
.lux-autocomplete-panel mat-option.mat-active,
|
|
587
|
+
.lux-chips-autocomplete-panel mat-option.mat-active {
|
|
462
588
|
outline: 2px dotted #000000 !important;
|
|
463
589
|
outline-offset: -2px;
|
|
464
590
|
border-radius: 4px;
|
|
465
591
|
}
|
|
466
|
-
.lux-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
592
|
+
.lux-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
593
|
+
.lux-chips-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
|
|
467
594
|
background-color: #f2f2f2 !important;
|
|
468
595
|
border-radius: 4px;
|
|
469
596
|
}
|
|
@@ -687,10 +814,10 @@ lux-stepper-large .lux-stepper-large-nav-item.lux-active .lux-stepper-large-nav-
|
|
|
687
814
|
color: unset;
|
|
688
815
|
}
|
|
689
816
|
lux-stepper-large .lux-stepper-large-nav-item:not(.lux-active):not(.lux-completed) .lux-stepper-large-nav-item-label-container a.lux-stepper-large-nav-item-label-link:hover {
|
|
690
|
-
color: #
|
|
817
|
+
color: #2e8533;
|
|
691
818
|
}
|
|
692
819
|
lux-stepper-large .lux-stepper-large-nav-item:not(.lux-active).lux-completed .lux-stepper-large-nav-item-label-container a.lux-stepper-large-nav-item-label-link:hover {
|
|
693
|
-
color: #
|
|
820
|
+
color: #56bd66;
|
|
694
821
|
}
|
|
695
822
|
|
|
696
823
|
/** ########## File-Upload ########## **/
|
|
@@ -861,49 +988,66 @@ lux-app-header-ac .lux-app-header-nav-bar .lux-header-ac-nav-menu .lux-menu-exte
|
|
|
861
988
|
background-color: #ffffff;
|
|
862
989
|
}
|
|
863
990
|
|
|
991
|
+
lux-link-plain {
|
|
992
|
+
display: inline-flex;
|
|
993
|
+
align-items: baseline;
|
|
994
|
+
}
|
|
864
995
|
lux-link-plain .link-wrapper {
|
|
865
|
-
display:
|
|
996
|
+
display: flex;
|
|
997
|
+
gap: 0.25em;
|
|
998
|
+
align-items: baseline;
|
|
866
999
|
font-family: inherit;
|
|
867
|
-
font-size: inherit;
|
|
868
|
-
font-weight: inherit;
|
|
869
|
-
color: #00569a;
|
|
870
1000
|
}
|
|
871
1001
|
lux-link-plain .link-wrapper .lux-link-plain-text {
|
|
872
|
-
|
|
1002
|
+
font-family: inherit;
|
|
1003
|
+
font-size: inherit;
|
|
1004
|
+
font-weight: inherit;
|
|
1005
|
+
text-decoration: inherit;
|
|
1006
|
+
color: inherit;
|
|
1007
|
+
display: flex;
|
|
873
1008
|
}
|
|
874
1009
|
lux-link-plain .link-wrapper lux-icon {
|
|
875
1010
|
font-size: inherit;
|
|
876
|
-
|
|
877
|
-
|
|
1011
|
+
display: flex;
|
|
1012
|
+
}
|
|
1013
|
+
lux-link-plain .link-wrapper lux-icon mat-icon.mat-icon.lux-lx-icon-no-size {
|
|
1014
|
+
padding: 0px !important;
|
|
1015
|
+
width: 0.8em;
|
|
1016
|
+
height: 0.8em;
|
|
1017
|
+
overflow: visible;
|
|
1018
|
+
}
|
|
1019
|
+
lux-link-plain .link-wrapper:focus-visible:not(.lux-disabled) {
|
|
1020
|
+
outline: 2px dotted #000000 !important;
|
|
1021
|
+
border-radius: 2px;
|
|
878
1022
|
}
|
|
879
|
-
lux-link-plain
|
|
1023
|
+
lux-link-plain.default-style {
|
|
880
1024
|
color: #00569a;
|
|
881
|
-
|
|
1025
|
+
font-family: inherit;
|
|
882
1026
|
}
|
|
1027
|
+
lux-link-plain.default-style lux-icon i,
|
|
1028
|
+
lux-link-plain.default-style lux-icon mat-icon {
|
|
1029
|
+
color: #00569a;
|
|
1030
|
+
}
|
|
1031
|
+
lux-link-plain.lux-disabled,
|
|
883
1032
|
lux-link-plain .link-wrapper.lux-disabled {
|
|
884
1033
|
color: rgba(0, 0, 0, 0.4);
|
|
885
1034
|
cursor: text;
|
|
1035
|
+
text-decoration: none;
|
|
886
1036
|
}
|
|
887
|
-
lux-link-plain
|
|
1037
|
+
lux-link-plain.lux-disabled lux-icon i,
|
|
1038
|
+
lux-link-plain.lux-disabled lux-icon mat-icon,
|
|
1039
|
+
lux-link-plain .link-wrapper.lux-disabled lux-icon i,
|
|
1040
|
+
lux-link-plain .link-wrapper.lux-disabled lux-icon mat-icon {
|
|
888
1041
|
color: rgba(0, 0, 0, 0.4);
|
|
889
1042
|
}
|
|
890
|
-
lux-link-plain
|
|
891
|
-
color: #
|
|
1043
|
+
lux-link-plain:hover:not(.lux-disabled) {
|
|
1044
|
+
color: #708daa;
|
|
892
1045
|
text-decoration: underline;
|
|
893
1046
|
cursor: pointer;
|
|
894
1047
|
}
|
|
895
|
-
lux-link-plain
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
lux-link-plain .link-wrapper:focus:not(.lux-disabled, :hover) {
|
|
899
|
-
outline: 2px dotted #000000 !important;
|
|
900
|
-
border-radius: 2px;
|
|
901
|
-
}
|
|
902
|
-
lux-link-plain.breadcrump-item .link-wrapper {
|
|
903
|
-
color: inherit;
|
|
904
|
-
}
|
|
905
|
-
lux-link-plain.breadcrump-item .link-wrapper lux-icon mat-icon {
|
|
906
|
-
color: inherit;
|
|
1048
|
+
lux-link-plain:hover:not(.lux-disabled) lux-icon i,
|
|
1049
|
+
lux-link-plain:hover:not(.lux-disabled) lux-icon mat-icon {
|
|
1050
|
+
color: #708daa;
|
|
907
1051
|
}
|
|
908
1052
|
|
|
909
1053
|
lux-tile-ac .mat-card.lux-tile-ac {
|
|
@@ -951,7 +1095,7 @@ lux-tile-ac .mat-card.lux-tile-ac[class~=lux-cursor]:focus-visible {
|
|
|
951
1095
|
outline: 2px dotted #000000 !important;
|
|
952
1096
|
}
|
|
953
1097
|
lux-tile-ac .mat-card.lux-tile-ac[class~=lux-cursor]:hover {
|
|
954
|
-
border-color:
|
|
1098
|
+
border-color: rgba(0, 0, 0, 0.87);
|
|
955
1099
|
}
|
|
956
1100
|
|
|
957
1101
|
:root {
|
|
@@ -4187,9 +4331,17 @@ lux-form-control-wrapper .lux-form-control-wrapper .lux-input-row-authentic .lux
|
|
|
4187
4331
|
width: 1em;
|
|
4188
4332
|
height: 1em;
|
|
4189
4333
|
}
|
|
4334
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic {
|
|
4335
|
+
margin: 0;
|
|
4336
|
+
}
|
|
4337
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic .lux-form-control-container-authentic {
|
|
4338
|
+
padding: 0.375em 0.5em;
|
|
4339
|
+
}
|
|
4340
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic .lux-form-control-container-authentic.lux-no-input-row {
|
|
4341
|
+
padding: 0.375em 0em;
|
|
4342
|
+
}
|
|
4190
4343
|
lux-form-control-wrapper .lux-form-control-wrapper:hover:not(.lux-form-control-disabled-authentic):not(.lux-focused-authentic):not(.lux-form-control-error-authentic) .lux-form-control-container-authentic:not(.lux-no-input-row) {
|
|
4191
|
-
border-color:
|
|
4192
|
-
box-shadow: 0 0 0 1px black inset;
|
|
4344
|
+
border-color: rgba(0, 0, 0, 0.87);
|
|
4193
4345
|
}
|
|
4194
4346
|
lux-form-control-wrapper .lux-form-control-wrapper.lux-focused-authentic .lux-form-control-label-authentic > * {
|
|
4195
4347
|
color: #527497;
|
|
@@ -4230,16 +4382,19 @@ lux-form-control-wrapper select:-webkit-autofill:focus {
|
|
|
4230
4382
|
/*
|
|
4231
4383
|
* Theming for LUX-Select
|
|
4232
4384
|
*/
|
|
4233
|
-
lux-select-ac mat-select,
|
|
4385
|
+
lux-select-ac mat-select,
|
|
4386
|
+
lux-lookup-combobox-ac mat-select {
|
|
4234
4387
|
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
4235
4388
|
height: calc(1.5em - 1px) !important;
|
|
4236
4389
|
}
|
|
4237
|
-
lux-select-ac mat-select .mat-select-arrow-wrapper,
|
|
4390
|
+
lux-select-ac mat-select .mat-select-arrow-wrapper,
|
|
4391
|
+
lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper {
|
|
4238
4392
|
margin-left: 2px;
|
|
4239
4393
|
height: 24px;
|
|
4240
4394
|
width: 24px;
|
|
4241
4395
|
}
|
|
4242
|
-
lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow,
|
|
4396
|
+
lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow,
|
|
4397
|
+
lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow {
|
|
4243
4398
|
border: none;
|
|
4244
4399
|
width: 100%;
|
|
4245
4400
|
height: 100%;
|
|
@@ -4254,10 +4409,12 @@ lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow, lux-lookup
|
|
|
4254
4409
|
mask-position: center;
|
|
4255
4410
|
mask-size: cover;
|
|
4256
4411
|
}
|
|
4257
|
-
lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow,
|
|
4412
|
+
lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow,
|
|
4413
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
|
|
4258
4414
|
background-color: rgba(0, 0, 0, 0.4);
|
|
4259
4415
|
}
|
|
4260
|
-
lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow,
|
|
4416
|
+
lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow,
|
|
4417
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
|
|
4261
4418
|
background-color: #335c85;
|
|
4262
4419
|
}
|
|
4263
4420
|
|
|
@@ -4270,6 +4427,7 @@ lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-comb
|
|
|
4270
4427
|
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
4271
4428
|
}
|
|
4272
4429
|
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
|
|
4430
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac,
|
|
4273
4431
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac,
|
|
4274
4432
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple {
|
|
4275
4433
|
border: 2px solid #335c85;
|
|
@@ -4277,17 +4435,19 @@ lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-comb
|
|
|
4277
4435
|
box-shadow: none !important;
|
|
4278
4436
|
}
|
|
4279
4437
|
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac .mat-pseudo-checkbox,
|
|
4438
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac .mat-pseudo-checkbox,
|
|
4280
4439
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac .mat-pseudo-checkbox,
|
|
4281
4440
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple .mat-pseudo-checkbox {
|
|
4282
4441
|
color: #335c85;
|
|
4283
4442
|
}
|
|
4284
|
-
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac
|
|
4443
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
|
|
4444
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac {
|
|
4285
4445
|
min-width: calc(100% + 14px) !important;
|
|
4286
4446
|
max-width: calc(100% + 14px) !important;
|
|
4287
|
-
margin: 13px -9px;
|
|
4288
|
-
|
|
4289
|
-
|
|
4290
|
-
|
|
4447
|
+
margin: 13px -9px 0px;
|
|
4448
|
+
}
|
|
4449
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac {
|
|
4450
|
+
margin-top: 7px;
|
|
4291
4451
|
}
|
|
4292
4452
|
|
|
4293
4453
|
/*
|
|
@@ -4310,7 +4470,10 @@ lux-checkbox-ac .mat-checkbox-ripple {
|
|
|
4310
4470
|
lux-checkbox-ac .mat-checkbox-inner-container {
|
|
4311
4471
|
width: 1.25em;
|
|
4312
4472
|
height: 1.25em;
|
|
4313
|
-
margin-top:
|
|
4473
|
+
margin-top: 0.125em;
|
|
4474
|
+
}
|
|
4475
|
+
lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
|
|
4476
|
+
border-color: #335c85;
|
|
4314
4477
|
}
|
|
4315
4478
|
lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
|
|
4316
4479
|
border-color: #335c85;
|
|
@@ -4322,22 +4485,28 @@ lux-checkbox-ac .mat-checkbox-disabled .mat-checkbox-inner-container .mat-checkb
|
|
|
4322
4485
|
border-color: rgba(0, 0, 0, 0.4);
|
|
4323
4486
|
}
|
|
4324
4487
|
|
|
4325
|
-
lux-datepicker-ac mat-datepicker-toggle,
|
|
4488
|
+
lux-datepicker-ac mat-datepicker-toggle,
|
|
4489
|
+
lux-datetimepicker-ac mat-datepicker-toggle {
|
|
4326
4490
|
height: 24px !important;
|
|
4327
4491
|
width: 24px !important;
|
|
4328
4492
|
}
|
|
4329
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button,
|
|
4493
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button,
|
|
4494
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button {
|
|
4330
4495
|
height: 24px !important;
|
|
4331
4496
|
width: 24px !important;
|
|
4332
4497
|
line-height: 1.5;
|
|
4333
4498
|
font-size: inherit;
|
|
4334
4499
|
}
|
|
4335
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4500
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4501
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon,
|
|
4502
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4503
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon {
|
|
4336
4504
|
height: 24px !important;
|
|
4337
4505
|
width: 24px !important;
|
|
4338
4506
|
padding: 0px !important;
|
|
4339
4507
|
}
|
|
4340
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg,
|
|
4508
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg,
|
|
4509
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg {
|
|
4341
4510
|
color: rgba(0, 0, 0, 0.4);
|
|
4342
4511
|
}
|
|
4343
4512
|
|
|
@@ -4345,7 +4514,7 @@ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg
|
|
|
4345
4514
|
.lux-datetimepicker-overlay .mat-card.lux-card {
|
|
4346
4515
|
border: 2px solid #335c85;
|
|
4347
4516
|
box-shadow: none !important;
|
|
4348
|
-
margin: 13px -9px;
|
|
4517
|
+
margin: 13px -9px 0;
|
|
4349
4518
|
}
|
|
4350
4519
|
.cdk-overlay-pane .mat-datepicker-content .mat-calendar-header button:hover,
|
|
4351
4520
|
.lux-datetimepicker-overlay .mat-card.lux-card .mat-calendar-header button:hover {
|
|
@@ -4360,6 +4529,9 @@ lux-toggle-ac .mat-slide-toggle label {
|
|
|
4360
4529
|
color: rgba(0, 0, 0, 0.87);
|
|
4361
4530
|
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
4362
4531
|
}
|
|
4532
|
+
lux-toggle-ac .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
|
|
4533
|
+
background-color: #e7ebf0;
|
|
4534
|
+
}
|
|
4363
4535
|
lux-toggle-ac .mat-slide-toggle .mat-slide-toggle-thumb {
|
|
4364
4536
|
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
|
4365
4537
|
}
|
|
@@ -4382,6 +4554,9 @@ lux-toggle-ac .mat-slide-toggle.mat-disabled:not(.mat-checked) .mat-slide-toggle
|
|
|
4382
4554
|
lux-radio-ac .mat-radio-container {
|
|
4383
4555
|
border-radius: 50%;
|
|
4384
4556
|
}
|
|
4557
|
+
lux-radio-ac .mat-radio-container span.mat-radio-outer-circle {
|
|
4558
|
+
border-color: #335c85;
|
|
4559
|
+
}
|
|
4385
4560
|
lux-radio-ac .mat-radio-label {
|
|
4386
4561
|
color: rgba(0, 0, 0, 0.87);
|
|
4387
4562
|
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
@@ -4392,6 +4567,9 @@ lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container sp
|
|
|
4392
4567
|
lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container span.mat-radio-outer-circle {
|
|
4393
4568
|
border-color: rgba(0, 0, 0, 0.4);
|
|
4394
4569
|
}
|
|
4570
|
+
lux-radio-ac .mat-radio-group.lux-horizontal {
|
|
4571
|
+
row-gap: 0.75em;
|
|
4572
|
+
}
|
|
4395
4573
|
lux-radio-ac .mat-radio-disabled label.mat-radio-label .mat-radio-label-content {
|
|
4396
4574
|
color: rgba(0, 0, 0, 0.4);
|
|
4397
4575
|
}
|
|
@@ -4405,7 +4583,8 @@ lux-radio-ac .mat-radio-disabled label.mat-radio-label .mat-radio-container span
|
|
|
4405
4583
|
/*
|
|
4406
4584
|
* Theming for LUX-Input/LUX-Textarea
|
|
4407
4585
|
*/
|
|
4408
|
-
input,
|
|
4586
|
+
input,
|
|
4587
|
+
input.mat-input-element,
|
|
4409
4588
|
textarea {
|
|
4410
4589
|
font: inherit;
|
|
4411
4590
|
background: 0 0;
|
|
@@ -4421,6 +4600,10 @@ textarea {
|
|
|
4421
4600
|
font-size: 15px;
|
|
4422
4601
|
}
|
|
4423
4602
|
|
|
4603
|
+
lux-textarea-ac text-area {
|
|
4604
|
+
line-height: normal;
|
|
4605
|
+
}
|
|
4606
|
+
|
|
4424
4607
|
/**
|
|
4425
4608
|
* Theming für LUX-Chips
|
|
4426
4609
|
*/
|
|
@@ -4455,8 +4638,9 @@ lux-chips-ac .lux-chips mat-chip-list div.mat-chip-list-wrapper {
|
|
|
4455
4638
|
margin: 0px 0px 0px -4px;
|
|
4456
4639
|
}
|
|
4457
4640
|
|
|
4458
|
-
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel
|
|
4459
|
-
|
|
4641
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel,
|
|
4642
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel {
|
|
4643
|
+
margin-top: -22px;
|
|
4460
4644
|
margin-left: 0;
|
|
4461
4645
|
margin-right: 0;
|
|
4462
4646
|
border-radius: 4px;
|
|
@@ -4464,6 +4648,10 @@ lux-chips-ac .lux-chips mat-chip-list div.mat-chip-list-wrapper {
|
|
|
4464
4648
|
border: 2px solid #335c85;
|
|
4465
4649
|
}
|
|
4466
4650
|
|
|
4651
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel {
|
|
4652
|
+
margin-top: -18px;
|
|
4653
|
+
}
|
|
4654
|
+
|
|
4467
4655
|
/*
|
|
4468
4656
|
* Theming for LUX-Slider
|
|
4469
4657
|
*/
|
|
@@ -4644,6 +4832,35 @@ lux-slider-ac .lux-show-thumb-label-always.mat-slider-disabled .mat-slider-thumb
|
|
|
4644
4832
|
background-color: #fff;
|
|
4645
4833
|
}
|
|
4646
4834
|
|
|
4835
|
+
lux-checkbox-container-ac .lux-label-container {
|
|
4836
|
+
min-height: 1.2em;
|
|
4837
|
+
font-size: 0.75rem;
|
|
4838
|
+
line-height: 1.2em;
|
|
4839
|
+
color: #335c85;
|
|
4840
|
+
margin: 0 calc(0.5em + 1px) 0.25em calc(0.5em + 1px);
|
|
4841
|
+
}
|
|
4842
|
+
lux-checkbox-container-ac .lux-checkbox-container {
|
|
4843
|
+
display: flex;
|
|
4844
|
+
flex-flow: row wrap;
|
|
4845
|
+
place-content: stretch flex-start;
|
|
4846
|
+
align-items: stretch;
|
|
4847
|
+
gap: 10px;
|
|
4848
|
+
max-width: 100%;
|
|
4849
|
+
}
|
|
4850
|
+
lux-checkbox-container-ac .lux-checkbox-container.lux-vertical {
|
|
4851
|
+
flex-direction: column;
|
|
4852
|
+
}
|
|
4853
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper {
|
|
4854
|
+
margin: 0;
|
|
4855
|
+
}
|
|
4856
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-label-authentic,
|
|
4857
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-misc-authentic {
|
|
4858
|
+
display: none !important;
|
|
4859
|
+
}
|
|
4860
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
|
|
4861
|
+
padding: 0;
|
|
4862
|
+
}
|
|
4863
|
+
|
|
4647
4864
|
/*
|
|
4648
4865
|
* Theming for LUX-App-Content
|
|
4649
4866
|
*/
|
|
@@ -4699,13 +4916,16 @@ lux-app-header .lux-app-header .lux-header-user .lux-header-user-short > span {
|
|
|
4699
4916
|
color: #335c85;
|
|
4700
4917
|
background-color: #ffffff;
|
|
4701
4918
|
}
|
|
4702
|
-
lux-app-header .lux-side-nav-header,
|
|
4919
|
+
lux-app-header .lux-side-nav-header,
|
|
4920
|
+
lux-app-header .lux-side-nav-footer {
|
|
4703
4921
|
color: #0073b3;
|
|
4704
4922
|
}
|
|
4705
4923
|
lux-app-header .lux-header-side-nav .lux-side-nav-trigger-active {
|
|
4706
4924
|
background-color: rgba(0, 0, 0, 0.12);
|
|
4707
4925
|
}
|
|
4708
|
-
lux-app-header .lux-side-nav .lux-side-nav-content lux-button,
|
|
4926
|
+
lux-app-header .lux-side-nav .lux-side-nav-content lux-button,
|
|
4927
|
+
lux-app-header .lux-side-nav .lux-side-nav-content .lux-menu-item,
|
|
4928
|
+
lux-app-header .lux-side-nav .lux-side-nav-content .lux-action-nav-menu lux-button {
|
|
4709
4929
|
color: #335c85;
|
|
4710
4930
|
font-weight: 600;
|
|
4711
4931
|
}
|
|
@@ -4924,7 +5144,8 @@ lux-divider .mat-divider {
|
|
|
4924
5144
|
lux-file-list .lux-file-list {
|
|
4925
5145
|
margin: 0px;
|
|
4926
5146
|
}
|
|
4927
|
-
lux-file-list .lux-file-list .lux-file-list-entry-label,
|
|
5147
|
+
lux-file-list .lux-file-list .lux-file-list-entry-label,
|
|
5148
|
+
lux-file-list .lux-file-list .lux-file-list-entry-icon {
|
|
4928
5149
|
color: rgba(0, 0, 0, 0.65);
|
|
4929
5150
|
}
|
|
4930
5151
|
lux-file-list .lux-file-list .lux-card-title-container {
|
|
@@ -4989,7 +5210,8 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
|
|
|
4989
5210
|
gap: 12px;
|
|
4990
5211
|
padding: 24px 48px;
|
|
4991
5212
|
}
|
|
4992
|
-
.lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-progress,
|
|
5213
|
+
.lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-progress,
|
|
5214
|
+
.lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-no-progress {
|
|
4993
5215
|
height: 8px;
|
|
4994
5216
|
}
|
|
4995
5217
|
.lux-file-upload-container .lux-file-upload-drop-container.lux-file-upload-drop-container-disabled {
|
|
@@ -5178,7 +5400,8 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
|
|
|
5178
5400
|
.lux-form-control .lux-form-control-container {
|
|
5179
5401
|
padding: 6px 0 0 0;
|
|
5180
5402
|
}
|
|
5181
|
-
.lux-form-control .lux-form-control-container input:required,
|
|
5403
|
+
.lux-form-control .lux-form-control-container input:required,
|
|
5404
|
+
.lux-form-control .lux-form-control-container textarea:required {
|
|
5182
5405
|
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
|
|
5183
5406
|
}
|
|
5184
5407
|
.lux-form-control .lux-form-control-container:after {
|
|
@@ -5254,21 +5477,25 @@ lux-list .mat-card-content.menu-item-content {
|
|
|
5254
5477
|
/*
|
|
5255
5478
|
* Theming for LUX-Lookup-Components
|
|
5256
5479
|
*/
|
|
5257
|
-
lux-lookup-combobox mat-select[aria-disabled=true] .mat-select-arrow,
|
|
5480
|
+
lux-lookup-combobox mat-select[aria-disabled=true] .mat-select-arrow,
|
|
5481
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
|
|
5258
5482
|
border-width: 7px;
|
|
5259
5483
|
margin: 0;
|
|
5260
5484
|
color: rgba(0, 0, 0, 0.4);
|
|
5261
5485
|
}
|
|
5262
|
-
lux-lookup-combobox mat-select[aria-disabled=false] .mat-select-arrow,
|
|
5486
|
+
lux-lookup-combobox mat-select[aria-disabled=false] .mat-select-arrow,
|
|
5487
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
|
|
5263
5488
|
border-width: 7px;
|
|
5264
5489
|
margin: 0;
|
|
5265
5490
|
color: #335c85;
|
|
5266
5491
|
}
|
|
5267
5492
|
|
|
5268
|
-
.lux-autocomplete-panel .mat-option,
|
|
5493
|
+
.lux-autocomplete-panel .mat-option,
|
|
5494
|
+
.lux-select-panel .mat-option {
|
|
5269
5495
|
border-left: none;
|
|
5270
5496
|
}
|
|
5271
|
-
.lux-autocomplete-panel .mat-option.invalid,
|
|
5497
|
+
.lux-autocomplete-panel .mat-option.invalid,
|
|
5498
|
+
.lux-select-panel .mat-option.invalid {
|
|
5272
5499
|
border-left: 2px solid #b01211;
|
|
5273
5500
|
}
|
|
5274
5501
|
|
|
@@ -5627,7 +5854,8 @@ lux-filter-form lux-menu.filter-menu .lux-filter-menu-trigger button.lux-button-
|
|
|
5627
5854
|
/*
|
|
5628
5855
|
* Theming for LUX-Stepper
|
|
5629
5856
|
*/
|
|
5630
|
-
lux-stepper .mat-stepper-horizontal,
|
|
5857
|
+
lux-stepper .mat-stepper-horizontal,
|
|
5858
|
+
lux-stepper .mat-stepper-vertical {
|
|
5631
5859
|
background-color: transparent;
|
|
5632
5860
|
}
|
|
5633
5861
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header {
|
|
@@ -5848,7 +6076,7 @@ lux-stepper-large {
|
|
|
5848
6076
|
background-color: #2E8533;
|
|
5849
6077
|
}
|
|
5850
6078
|
.lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a {
|
|
5851
|
-
color: #
|
|
6079
|
+
color: #2e8533;
|
|
5852
6080
|
position: relative;
|
|
5853
6081
|
}
|
|
5854
6082
|
.lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a::after {
|
|
@@ -5858,7 +6086,7 @@ lux-stepper-large {
|
|
|
5858
6086
|
width: 23px;
|
|
5859
6087
|
height: 23px;
|
|
5860
6088
|
margin: 5px 10px 0px;
|
|
5861
|
-
background-color: #
|
|
6089
|
+
background-color: #2e8533;
|
|
5862
6090
|
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,8.55 L3.23,12.06 C3.4166359,12.3024927 3.70402432,12.4461869 4.01,12.4500671 C4.31092451,12.4534817 4.59741556,12.3212551 4.79,12.09 L13.5,1.55'/%3E%3C/svg%3E");
|
|
5863
6091
|
-webkit-mask-repeat: no-repeat;
|
|
5864
6092
|
-webkit-mask-position: center;
|
|
@@ -8785,4 +9013,12 @@ lux-button button.lux-button.lux-icon-button.lux-button-rounded lux-icon.lux-but
|
|
|
8785
9013
|
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
|
8786
9014
|
}
|
|
8787
9015
|
|
|
9016
|
+
/*
|
|
9017
|
+
* Theming für lux-datepicker-ac/lux-datetimepicker-ac
|
|
9018
|
+
*/
|
|
9019
|
+
lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue,
|
|
9020
|
+
lux-datetimepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue {
|
|
9021
|
+
color: #708daa;
|
|
9022
|
+
}
|
|
9023
|
+
|
|
8788
9024
|
/*# sourceMappingURL=luxtheme-blue.css.map */
|