@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
|
@@ -96,7 +96,8 @@ lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover {
|
|
|
96
96
|
background-color: #4d7094 !important;
|
|
97
97
|
border-radius: 4px;
|
|
98
98
|
}
|
|
99
|
-
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon,
|
|
99
|
+
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon,
|
|
100
|
+
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover .lux-header-username {
|
|
100
101
|
color: #335c85 !important;
|
|
101
102
|
}
|
|
102
103
|
|
|
@@ -183,10 +184,12 @@ lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab
|
|
|
183
184
|
}
|
|
184
185
|
|
|
185
186
|
/** ########## Chips ########## **/
|
|
186
|
-
lux-chips .mat-standard-chip:focus-visible,
|
|
187
|
+
lux-chips .mat-standard-chip:focus-visible,
|
|
188
|
+
lux-chips-ac .mat-standard-chip:focus-visible {
|
|
187
189
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
188
190
|
}
|
|
189
|
-
lux-chips .mat-chip.mat-standard-chip:after,
|
|
191
|
+
lux-chips .mat-chip.mat-standard-chip:after,
|
|
192
|
+
lux-chips-ac .mat-chip.mat-standard-chip:after {
|
|
190
193
|
background-color: unset;
|
|
191
194
|
}
|
|
192
195
|
|
|
@@ -241,18 +244,18 @@ lux-datepicker mat-datepicker-toggle .mat-button-focus-overlay {
|
|
|
241
244
|
display: none;
|
|
242
245
|
}
|
|
243
246
|
|
|
244
|
-
lux-datepicker-ac mat-datepicker-toggle button:focus-visible,
|
|
247
|
+
lux-datepicker-ac mat-datepicker-toggle button:focus-visible,
|
|
248
|
+
lux-datetimepicker-ac mat-datepicker-toggle button:focus-visible {
|
|
245
249
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
lux-datepicker-ac mat-datepicker-toggle button:hover, lux-datetimepicker-ac mat-datepicker-toggle button:hover {
|
|
249
|
-
background-color: #fff;
|
|
250
|
-
border-radius: 4px;
|
|
250
|
+
outline-offset: 2px;
|
|
251
|
+
border-radius: 2px;
|
|
251
252
|
}
|
|
252
|
-
lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue,
|
|
253
|
+
lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue,
|
|
254
|
+
lux-datetimepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue {
|
|
253
255
|
color: #4d7094;
|
|
254
256
|
}
|
|
255
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-button-focus-overlay,
|
|
257
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-button-focus-overlay,
|
|
258
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-button-focus-overlay {
|
|
256
259
|
display: none;
|
|
257
260
|
}
|
|
258
261
|
|
|
@@ -329,7 +332,8 @@ lux-table tr:hover > th {
|
|
|
329
332
|
background-color: #4d7094 !important;
|
|
330
333
|
border-radius: 0;
|
|
331
334
|
}
|
|
332
|
-
lux-table tr:focus-visible,
|
|
335
|
+
lux-table tr:focus-visible,
|
|
336
|
+
lux-table td:focus-visible {
|
|
333
337
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
334
338
|
outline-offset: -4px;
|
|
335
339
|
}
|
|
@@ -392,47 +396,167 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
392
396
|
mask-size: cover;
|
|
393
397
|
}
|
|
394
398
|
|
|
395
|
-
.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),
|
|
399
|
+
.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),
|
|
400
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
401
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
402
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
403
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
404
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
405
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
406
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
407
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
408
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
409
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active) {
|
|
396
410
|
color: #003366;
|
|
397
411
|
background-color: #ffffff;
|
|
398
412
|
font-weight: 600;
|
|
399
413
|
}
|
|
400
|
-
.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),
|
|
414
|
+
.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),
|
|
415
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
416
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
417
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
418
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
419
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
420
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
421
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
422
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
423
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
424
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) {
|
|
401
425
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
402
426
|
outline-offset: -4px;
|
|
403
427
|
background-color: #4d7094;
|
|
404
428
|
color: #ffffff;
|
|
405
429
|
}
|
|
406
|
-
.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,
|
|
430
|
+
.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,
|
|
431
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
432
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
433
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
434
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
435
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
436
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
437
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
438
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
439
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
440
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox {
|
|
407
441
|
color: #ffffff;
|
|
408
442
|
}
|
|
409
|
-
.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,
|
|
443
|
+
.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,
|
|
444
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
445
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
446
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
447
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
448
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
449
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
450
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
451
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
452
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
453
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked {
|
|
410
454
|
background-color: #ffffff;
|
|
411
455
|
}
|
|
412
|
-
.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,
|
|
456
|
+
.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,
|
|
457
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
458
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
459
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
460
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
461
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
462
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
463
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
464
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
465
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
466
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after {
|
|
413
467
|
border-color: #003366 !important;
|
|
414
468
|
}
|
|
415
|
-
.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,
|
|
469
|
+
.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,
|
|
470
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
471
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
472
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
473
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
474
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
475
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
476
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
477
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
478
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
479
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after {
|
|
416
480
|
background-color: #fff;
|
|
417
481
|
}
|
|
418
|
-
.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),
|
|
482
|
+
.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),
|
|
483
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
484
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
485
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
486
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
487
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
488
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
489
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
490
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
491
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
492
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
|
|
419
493
|
background-color: #4d7094;
|
|
420
494
|
color: #ffffff;
|
|
421
495
|
border-radius: 0px !important;
|
|
422
496
|
}
|
|
423
|
-
.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,
|
|
497
|
+
.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,
|
|
498
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
499
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
500
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
501
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
502
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
503
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
504
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
505
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
506
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
507
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
|
|
424
508
|
color: #ffffff;
|
|
425
509
|
}
|
|
426
|
-
.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,
|
|
510
|
+
.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,
|
|
511
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
512
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
513
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
514
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
515
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
516
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
517
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
518
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
519
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
520
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked {
|
|
427
521
|
background-color: #ffffff;
|
|
428
522
|
}
|
|
429
|
-
.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,
|
|
523
|
+
.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,
|
|
524
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
525
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
526
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
527
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
528
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
529
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
530
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
531
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
532
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
533
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after {
|
|
430
534
|
border-color: #003366 !important;
|
|
431
535
|
}
|
|
432
|
-
.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,
|
|
536
|
+
.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,
|
|
537
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
538
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
539
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
540
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
541
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
542
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
543
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
544
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
545
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
546
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
|
|
433
547
|
color: #ffffff;
|
|
434
548
|
}
|
|
435
|
-
.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,
|
|
549
|
+
.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,
|
|
550
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
551
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
552
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
553
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
554
|
+
.lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
555
|
+
.lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
556
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
557
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
558
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
559
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after {
|
|
436
560
|
background-color: #fff;
|
|
437
561
|
}
|
|
438
562
|
|
|
@@ -475,17 +599,20 @@ lux-button:not(.lang-select-trigger-ac, .user-menu-trigger-ac, .lux-action-nav-i
|
|
|
475
599
|
}
|
|
476
600
|
|
|
477
601
|
/** ########## Autocomplete ########## **/
|
|
478
|
-
.lux-autocomplete-panel mat-option:focus-visible,
|
|
602
|
+
.lux-autocomplete-panel mat-option:focus-visible,
|
|
603
|
+
.lux-chips-autocomplete-panel mat-option:focus-visible {
|
|
479
604
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
480
605
|
outline-offset: -4px;
|
|
481
606
|
border-radius: 4px;
|
|
482
607
|
}
|
|
483
|
-
.lux-autocomplete-panel mat-option.mat-active,
|
|
608
|
+
.lux-autocomplete-panel mat-option.mat-active,
|
|
609
|
+
.lux-chips-autocomplete-panel mat-option.mat-active {
|
|
484
610
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
485
611
|
outline-offset: -4px;
|
|
486
612
|
border-radius: 4px;
|
|
487
613
|
}
|
|
488
|
-
.lux-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
614
|
+
.lux-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
615
|
+
.lux-chips-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
|
|
489
616
|
background-color: #4d7094 !important;
|
|
490
617
|
border-radius: 4px;
|
|
491
618
|
}
|
|
@@ -709,10 +836,10 @@ lux-stepper-large .lux-stepper-large-nav-item.lux-active .lux-stepper-large-nav-
|
|
|
709
836
|
color: unset;
|
|
710
837
|
}
|
|
711
838
|
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 {
|
|
712
|
-
color: #
|
|
839
|
+
color: #2e8533;
|
|
713
840
|
}
|
|
714
841
|
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 {
|
|
715
|
-
color: #
|
|
842
|
+
color: #56bd66;
|
|
716
843
|
}
|
|
717
844
|
|
|
718
845
|
/** ########## File-Upload ########## **/
|
|
@@ -883,50 +1010,67 @@ lux-app-header-ac .lux-app-header-nav-bar .lux-header-ac-nav-menu .lux-menu-exte
|
|
|
883
1010
|
background-color: #ffffff;
|
|
884
1011
|
}
|
|
885
1012
|
|
|
1013
|
+
lux-link-plain {
|
|
1014
|
+
display: inline-flex;
|
|
1015
|
+
align-items: baseline;
|
|
1016
|
+
}
|
|
886
1017
|
lux-link-plain .link-wrapper {
|
|
887
|
-
display:
|
|
1018
|
+
display: flex;
|
|
1019
|
+
gap: 0.25em;
|
|
1020
|
+
align-items: baseline;
|
|
888
1021
|
font-family: inherit;
|
|
889
|
-
font-size: inherit;
|
|
890
|
-
font-weight: inherit;
|
|
891
|
-
color: rgb(0, 124, 177);
|
|
892
1022
|
}
|
|
893
1023
|
lux-link-plain .link-wrapper .lux-link-plain-text {
|
|
894
|
-
|
|
1024
|
+
font-family: inherit;
|
|
1025
|
+
font-size: inherit;
|
|
1026
|
+
font-weight: inherit;
|
|
1027
|
+
text-decoration: inherit;
|
|
1028
|
+
color: inherit;
|
|
1029
|
+
display: flex;
|
|
895
1030
|
}
|
|
896
1031
|
lux-link-plain .link-wrapper lux-icon {
|
|
897
1032
|
font-size: inherit;
|
|
898
|
-
|
|
899
|
-
|
|
1033
|
+
display: flex;
|
|
1034
|
+
}
|
|
1035
|
+
lux-link-plain .link-wrapper lux-icon mat-icon.mat-icon.lux-lx-icon-no-size {
|
|
1036
|
+
padding: 0px !important;
|
|
1037
|
+
width: 0.8em;
|
|
1038
|
+
height: 0.8em;
|
|
1039
|
+
overflow: visible;
|
|
1040
|
+
}
|
|
1041
|
+
lux-link-plain .link-wrapper:focus-visible:not(.lux-disabled) {
|
|
1042
|
+
outline: 4px solid rgb(0, 152, 218) !important;
|
|
1043
|
+
border-radius: 2px;
|
|
900
1044
|
}
|
|
901
|
-
lux-link-plain
|
|
1045
|
+
lux-link-plain.default-style {
|
|
902
1046
|
color: rgb(0, 124, 177);
|
|
903
|
-
|
|
1047
|
+
font-family: inherit;
|
|
904
1048
|
}
|
|
1049
|
+
lux-link-plain.default-style lux-icon i,
|
|
1050
|
+
lux-link-plain.default-style lux-icon mat-icon {
|
|
1051
|
+
color: rgb(0, 124, 177);
|
|
1052
|
+
}
|
|
1053
|
+
lux-link-plain.lux-disabled,
|
|
905
1054
|
lux-link-plain .link-wrapper.lux-disabled {
|
|
906
1055
|
color: rgba(0, 0, 0, 0.38);
|
|
907
1056
|
cursor: text;
|
|
1057
|
+
text-decoration: none;
|
|
908
1058
|
}
|
|
909
|
-
lux-link-plain
|
|
1059
|
+
lux-link-plain.lux-disabled lux-icon i,
|
|
1060
|
+
lux-link-plain.lux-disabled lux-icon mat-icon,
|
|
1061
|
+
lux-link-plain .link-wrapper.lux-disabled lux-icon i,
|
|
1062
|
+
lux-link-plain .link-wrapper.lux-disabled lux-icon mat-icon {
|
|
910
1063
|
color: rgba(0, 0, 0, 0.38);
|
|
911
1064
|
}
|
|
912
|
-
lux-link-plain
|
|
1065
|
+
lux-link-plain:hover:not(.lux-disabled) {
|
|
913
1066
|
color: #4d7094;
|
|
914
1067
|
text-decoration: underline;
|
|
915
1068
|
cursor: pointer;
|
|
916
1069
|
}
|
|
917
|
-
lux-link-plain
|
|
1070
|
+
lux-link-plain:hover:not(.lux-disabled) lux-icon i,
|
|
1071
|
+
lux-link-plain:hover:not(.lux-disabled) lux-icon mat-icon {
|
|
918
1072
|
color: #4d7094;
|
|
919
1073
|
}
|
|
920
|
-
lux-link-plain .link-wrapper:focus:not(.lux-disabled, :hover) {
|
|
921
|
-
outline: 4px solid rgb(0, 152, 218) !important;
|
|
922
|
-
border-radius: 2px;
|
|
923
|
-
}
|
|
924
|
-
lux-link-plain.breadcrump-item .link-wrapper {
|
|
925
|
-
color: inherit;
|
|
926
|
-
}
|
|
927
|
-
lux-link-plain.breadcrump-item .link-wrapper lux-icon mat-icon {
|
|
928
|
-
color: inherit;
|
|
929
|
-
}
|
|
930
1074
|
|
|
931
1075
|
lux-tile-ac .mat-card.lux-tile-ac {
|
|
932
1076
|
box-sizing: border-box;
|
|
@@ -973,7 +1117,7 @@ lux-tile-ac .mat-card.lux-tile-ac[class~=lux-cursor]:focus-visible {
|
|
|
973
1117
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
974
1118
|
}
|
|
975
1119
|
lux-tile-ac .mat-card.lux-tile-ac[class~=lux-cursor]:hover {
|
|
976
|
-
border-color:
|
|
1120
|
+
border-color: rgba(0, 0, 0, 0.87);
|
|
977
1121
|
}
|
|
978
1122
|
|
|
979
1123
|
:root {
|
|
@@ -4209,9 +4353,17 @@ lux-form-control-wrapper .lux-form-control-wrapper .lux-input-row-authentic .lux
|
|
|
4209
4353
|
width: 1em;
|
|
4210
4354
|
height: 1em;
|
|
4211
4355
|
}
|
|
4356
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic {
|
|
4357
|
+
margin: 0;
|
|
4358
|
+
}
|
|
4359
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic .lux-form-control-container-authentic {
|
|
4360
|
+
padding: 0.375em 0.5em;
|
|
4361
|
+
}
|
|
4362
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic .lux-form-control-container-authentic.lux-no-input-row {
|
|
4363
|
+
padding: 0.375em 0em;
|
|
4364
|
+
}
|
|
4212
4365
|
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) {
|
|
4213
|
-
border-color:
|
|
4214
|
-
box-shadow: 0 0 0 1px black inset;
|
|
4366
|
+
border-color: rgba(0, 0, 0, 0.87);
|
|
4215
4367
|
}
|
|
4216
4368
|
lux-form-control-wrapper .lux-form-control-wrapper.lux-focused-authentic .lux-form-control-label-authentic > * {
|
|
4217
4369
|
color: #26527d;
|
|
@@ -4252,16 +4404,19 @@ lux-form-control-wrapper select:-webkit-autofill:focus {
|
|
|
4252
4404
|
/*
|
|
4253
4405
|
* Theming for LUX-Select
|
|
4254
4406
|
*/
|
|
4255
|
-
lux-select-ac mat-select,
|
|
4407
|
+
lux-select-ac mat-select,
|
|
4408
|
+
lux-lookup-combobox-ac mat-select {
|
|
4256
4409
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
4257
4410
|
height: calc(1.5em - 1px) !important;
|
|
4258
4411
|
}
|
|
4259
|
-
lux-select-ac mat-select .mat-select-arrow-wrapper,
|
|
4412
|
+
lux-select-ac mat-select .mat-select-arrow-wrapper,
|
|
4413
|
+
lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper {
|
|
4260
4414
|
margin-left: 2px;
|
|
4261
4415
|
height: 24px;
|
|
4262
4416
|
width: 24px;
|
|
4263
4417
|
}
|
|
4264
|
-
lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow,
|
|
4418
|
+
lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow,
|
|
4419
|
+
lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow {
|
|
4265
4420
|
border: none;
|
|
4266
4421
|
width: 100%;
|
|
4267
4422
|
height: 100%;
|
|
@@ -4276,10 +4431,12 @@ lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow, lux-lookup
|
|
|
4276
4431
|
mask-position: center;
|
|
4277
4432
|
mask-size: cover;
|
|
4278
4433
|
}
|
|
4279
|
-
lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow,
|
|
4434
|
+
lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow,
|
|
4435
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
|
|
4280
4436
|
background-color: rgba(0, 0, 0, 0.38);
|
|
4281
4437
|
}
|
|
4282
|
-
lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow,
|
|
4438
|
+
lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow,
|
|
4439
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
|
|
4283
4440
|
background-color: #003366;
|
|
4284
4441
|
}
|
|
4285
4442
|
|
|
@@ -4292,6 +4449,7 @@ lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-comb
|
|
|
4292
4449
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
4293
4450
|
}
|
|
4294
4451
|
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
|
|
4452
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac,
|
|
4295
4453
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac,
|
|
4296
4454
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple {
|
|
4297
4455
|
border: 2px solid #003366;
|
|
@@ -4299,17 +4457,19 @@ lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-comb
|
|
|
4299
4457
|
box-shadow: none !important;
|
|
4300
4458
|
}
|
|
4301
4459
|
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac .mat-pseudo-checkbox,
|
|
4460
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac .mat-pseudo-checkbox,
|
|
4302
4461
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac .mat-pseudo-checkbox,
|
|
4303
4462
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple .mat-pseudo-checkbox {
|
|
4304
4463
|
color: #003366;
|
|
4305
4464
|
}
|
|
4306
|
-
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac
|
|
4465
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
|
|
4466
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac {
|
|
4307
4467
|
min-width: calc(100% + 14px) !important;
|
|
4308
4468
|
max-width: calc(100% + 14px) !important;
|
|
4309
|
-
margin: 13px -9px;
|
|
4310
|
-
|
|
4311
|
-
|
|
4312
|
-
|
|
4469
|
+
margin: 13px -9px 0px;
|
|
4470
|
+
}
|
|
4471
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac {
|
|
4472
|
+
margin-top: 7px;
|
|
4313
4473
|
}
|
|
4314
4474
|
|
|
4315
4475
|
/*
|
|
@@ -4332,7 +4492,10 @@ lux-checkbox-ac .mat-checkbox-ripple {
|
|
|
4332
4492
|
lux-checkbox-ac .mat-checkbox-inner-container {
|
|
4333
4493
|
width: 1.25em;
|
|
4334
4494
|
height: 1.25em;
|
|
4335
|
-
margin-top:
|
|
4495
|
+
margin-top: 0.125em;
|
|
4496
|
+
}
|
|
4497
|
+
lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
|
|
4498
|
+
border-color: #003366;
|
|
4336
4499
|
}
|
|
4337
4500
|
lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
|
|
4338
4501
|
border-color: #003366;
|
|
@@ -4344,22 +4507,28 @@ lux-checkbox-ac .mat-checkbox-disabled .mat-checkbox-inner-container .mat-checkb
|
|
|
4344
4507
|
border-color: rgba(0, 0, 0, 0.38);
|
|
4345
4508
|
}
|
|
4346
4509
|
|
|
4347
|
-
lux-datepicker-ac mat-datepicker-toggle,
|
|
4510
|
+
lux-datepicker-ac mat-datepicker-toggle,
|
|
4511
|
+
lux-datetimepicker-ac mat-datepicker-toggle {
|
|
4348
4512
|
height: 24px !important;
|
|
4349
4513
|
width: 24px !important;
|
|
4350
4514
|
}
|
|
4351
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button,
|
|
4515
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button,
|
|
4516
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button {
|
|
4352
4517
|
height: 24px !important;
|
|
4353
4518
|
width: 24px !important;
|
|
4354
4519
|
line-height: 1.5;
|
|
4355
4520
|
font-size: inherit;
|
|
4356
4521
|
}
|
|
4357
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4522
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4523
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon,
|
|
4524
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4525
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon {
|
|
4358
4526
|
height: 24px !important;
|
|
4359
4527
|
width: 24px !important;
|
|
4360
4528
|
padding: 0px !important;
|
|
4361
4529
|
}
|
|
4362
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg,
|
|
4530
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg,
|
|
4531
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg {
|
|
4363
4532
|
color: rgba(0, 0, 0, 0.38);
|
|
4364
4533
|
}
|
|
4365
4534
|
|
|
@@ -4367,7 +4536,7 @@ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg
|
|
|
4367
4536
|
.lux-datetimepicker-overlay .mat-card.lux-card {
|
|
4368
4537
|
border: 2px solid #003366;
|
|
4369
4538
|
box-shadow: none !important;
|
|
4370
|
-
margin: 13px -9px;
|
|
4539
|
+
margin: 13px -9px 0;
|
|
4371
4540
|
}
|
|
4372
4541
|
.cdk-overlay-pane .mat-datepicker-content .mat-calendar-header button:hover,
|
|
4373
4542
|
.lux-datetimepicker-overlay .mat-card.lux-card .mat-calendar-header button:hover {
|
|
@@ -4382,6 +4551,9 @@ lux-toggle-ac .mat-slide-toggle label {
|
|
|
4382
4551
|
color: rgba(0, 0, 0, 0.87);
|
|
4383
4552
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
4384
4553
|
}
|
|
4554
|
+
lux-toggle-ac .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
|
|
4555
|
+
background-color: #e0e7ed;
|
|
4556
|
+
}
|
|
4385
4557
|
lux-toggle-ac .mat-slide-toggle .mat-slide-toggle-thumb {
|
|
4386
4558
|
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);
|
|
4387
4559
|
}
|
|
@@ -4404,6 +4576,9 @@ lux-toggle-ac .mat-slide-toggle.mat-disabled:not(.mat-checked) .mat-slide-toggle
|
|
|
4404
4576
|
lux-radio-ac .mat-radio-container {
|
|
4405
4577
|
border-radius: 50%;
|
|
4406
4578
|
}
|
|
4579
|
+
lux-radio-ac .mat-radio-container span.mat-radio-outer-circle {
|
|
4580
|
+
border-color: #003366;
|
|
4581
|
+
}
|
|
4407
4582
|
lux-radio-ac .mat-radio-label {
|
|
4408
4583
|
color: rgba(0, 0, 0, 0.87);
|
|
4409
4584
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
@@ -4414,6 +4589,9 @@ lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container sp
|
|
|
4414
4589
|
lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container span.mat-radio-outer-circle {
|
|
4415
4590
|
border-color: rgba(0, 0, 0, 0.38);
|
|
4416
4591
|
}
|
|
4592
|
+
lux-radio-ac .mat-radio-group.lux-horizontal {
|
|
4593
|
+
row-gap: 0.75em;
|
|
4594
|
+
}
|
|
4417
4595
|
lux-radio-ac .mat-radio-disabled label.mat-radio-label .mat-radio-label-content {
|
|
4418
4596
|
color: rgba(0, 0, 0, 0.38);
|
|
4419
4597
|
}
|
|
@@ -4427,7 +4605,8 @@ lux-radio-ac .mat-radio-disabled label.mat-radio-label .mat-radio-container span
|
|
|
4427
4605
|
/*
|
|
4428
4606
|
* Theming for LUX-Input/LUX-Textarea
|
|
4429
4607
|
*/
|
|
4430
|
-
input,
|
|
4608
|
+
input,
|
|
4609
|
+
input.mat-input-element,
|
|
4431
4610
|
textarea {
|
|
4432
4611
|
font: inherit;
|
|
4433
4612
|
background: 0 0;
|
|
@@ -4443,6 +4622,10 @@ textarea {
|
|
|
4443
4622
|
font-size: 16px;
|
|
4444
4623
|
}
|
|
4445
4624
|
|
|
4625
|
+
lux-textarea-ac text-area {
|
|
4626
|
+
line-height: normal;
|
|
4627
|
+
}
|
|
4628
|
+
|
|
4446
4629
|
/**
|
|
4447
4630
|
* Theming für LUX-Chips
|
|
4448
4631
|
*/
|
|
@@ -4477,8 +4660,9 @@ lux-chips-ac .lux-chips mat-chip-list div.mat-chip-list-wrapper {
|
|
|
4477
4660
|
margin: 0px 0px 0px -4px;
|
|
4478
4661
|
}
|
|
4479
4662
|
|
|
4480
|
-
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel
|
|
4481
|
-
|
|
4663
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel,
|
|
4664
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel {
|
|
4665
|
+
margin-top: -22px;
|
|
4482
4666
|
margin-left: 0;
|
|
4483
4667
|
margin-right: 0;
|
|
4484
4668
|
border-radius: 4px;
|
|
@@ -4486,6 +4670,10 @@ lux-chips-ac .lux-chips mat-chip-list div.mat-chip-list-wrapper {
|
|
|
4486
4670
|
border: 2px solid #003366;
|
|
4487
4671
|
}
|
|
4488
4672
|
|
|
4673
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel {
|
|
4674
|
+
margin-top: -18px;
|
|
4675
|
+
}
|
|
4676
|
+
|
|
4489
4677
|
/*
|
|
4490
4678
|
* Theming for LUX-Slider
|
|
4491
4679
|
*/
|
|
@@ -4666,6 +4854,35 @@ lux-slider-ac .lux-show-thumb-label-always.mat-slider-disabled .mat-slider-thumb
|
|
|
4666
4854
|
background-color: #fff;
|
|
4667
4855
|
}
|
|
4668
4856
|
|
|
4857
|
+
lux-checkbox-container-ac .lux-label-container {
|
|
4858
|
+
min-height: 1.2em;
|
|
4859
|
+
font-size: 0.75rem;
|
|
4860
|
+
line-height: 1.2em;
|
|
4861
|
+
color: #003366;
|
|
4862
|
+
margin: 0 calc(0.5em + 1px) 0.25em calc(0.5em + 1px);
|
|
4863
|
+
}
|
|
4864
|
+
lux-checkbox-container-ac .lux-checkbox-container {
|
|
4865
|
+
display: flex;
|
|
4866
|
+
flex-flow: row wrap;
|
|
4867
|
+
place-content: stretch flex-start;
|
|
4868
|
+
align-items: stretch;
|
|
4869
|
+
gap: 10px;
|
|
4870
|
+
max-width: 100%;
|
|
4871
|
+
}
|
|
4872
|
+
lux-checkbox-container-ac .lux-checkbox-container.lux-vertical {
|
|
4873
|
+
flex-direction: column;
|
|
4874
|
+
}
|
|
4875
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper {
|
|
4876
|
+
margin: 0;
|
|
4877
|
+
}
|
|
4878
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-label-authentic,
|
|
4879
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-misc-authentic {
|
|
4880
|
+
display: none !important;
|
|
4881
|
+
}
|
|
4882
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
|
|
4883
|
+
padding: 0;
|
|
4884
|
+
}
|
|
4885
|
+
|
|
4669
4886
|
/*
|
|
4670
4887
|
* Theming for LUX-App-Content
|
|
4671
4888
|
*/
|
|
@@ -4721,13 +4938,16 @@ lux-app-header .lux-app-header .lux-header-user .lux-header-user-short > span {
|
|
|
4721
4938
|
color: #003366;
|
|
4722
4939
|
background-color: #ffffff;
|
|
4723
4940
|
}
|
|
4724
|
-
lux-app-header .lux-side-nav-header,
|
|
4941
|
+
lux-app-header .lux-side-nav-header,
|
|
4942
|
+
lux-app-header .lux-side-nav-footer {
|
|
4725
4943
|
color: rgb(0, 134, 192);
|
|
4726
4944
|
}
|
|
4727
4945
|
lux-app-header .lux-header-side-nav .lux-side-nav-trigger-active {
|
|
4728
4946
|
background-color: rgba(0, 0, 0, 0.12);
|
|
4729
4947
|
}
|
|
4730
|
-
lux-app-header .lux-side-nav .lux-side-nav-content lux-button,
|
|
4948
|
+
lux-app-header .lux-side-nav .lux-side-nav-content lux-button,
|
|
4949
|
+
lux-app-header .lux-side-nav .lux-side-nav-content .lux-menu-item,
|
|
4950
|
+
lux-app-header .lux-side-nav .lux-side-nav-content .lux-action-nav-menu lux-button {
|
|
4731
4951
|
color: #003366;
|
|
4732
4952
|
font-weight: 600;
|
|
4733
4953
|
}
|
|
@@ -4946,7 +5166,8 @@ lux-divider .mat-divider {
|
|
|
4946
5166
|
lux-file-list .lux-file-list {
|
|
4947
5167
|
margin: 0px;
|
|
4948
5168
|
}
|
|
4949
|
-
lux-file-list .lux-file-list .lux-file-list-entry-label,
|
|
5169
|
+
lux-file-list .lux-file-list .lux-file-list-entry-label,
|
|
5170
|
+
lux-file-list .lux-file-list .lux-file-list-entry-icon {
|
|
4950
5171
|
color: rgba(0, 0, 0, 0.6);
|
|
4951
5172
|
}
|
|
4952
5173
|
lux-file-list .lux-file-list .lux-card-title-container {
|
|
@@ -5011,7 +5232,8 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
|
|
|
5011
5232
|
gap: 12px;
|
|
5012
5233
|
padding: 24px 48px;
|
|
5013
5234
|
}
|
|
5014
|
-
.lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-progress,
|
|
5235
|
+
.lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-progress,
|
|
5236
|
+
.lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-no-progress {
|
|
5015
5237
|
height: 8px;
|
|
5016
5238
|
}
|
|
5017
5239
|
.lux-file-upload-container .lux-file-upload-drop-container.lux-file-upload-drop-container-disabled {
|
|
@@ -5200,7 +5422,8 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
|
|
|
5200
5422
|
.lux-form-control .lux-form-control-container {
|
|
5201
5423
|
padding: 6px 0 0 0;
|
|
5202
5424
|
}
|
|
5203
|
-
.lux-form-control .lux-form-control-container input:required,
|
|
5425
|
+
.lux-form-control .lux-form-control-container input:required,
|
|
5426
|
+
.lux-form-control .lux-form-control-container textarea:required {
|
|
5204
5427
|
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);
|
|
5205
5428
|
}
|
|
5206
5429
|
.lux-form-control .lux-form-control-container:after {
|
|
@@ -5276,21 +5499,25 @@ lux-list .mat-card-content.menu-item-content {
|
|
|
5276
5499
|
/*
|
|
5277
5500
|
* Theming for LUX-Lookup-Components
|
|
5278
5501
|
*/
|
|
5279
|
-
lux-lookup-combobox mat-select[aria-disabled=true] .mat-select-arrow,
|
|
5502
|
+
lux-lookup-combobox mat-select[aria-disabled=true] .mat-select-arrow,
|
|
5503
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
|
|
5280
5504
|
border-width: 7px;
|
|
5281
5505
|
margin: 0;
|
|
5282
5506
|
color: rgba(0, 0, 0, 0.38);
|
|
5283
5507
|
}
|
|
5284
|
-
lux-lookup-combobox mat-select[aria-disabled=false] .mat-select-arrow,
|
|
5508
|
+
lux-lookup-combobox mat-select[aria-disabled=false] .mat-select-arrow,
|
|
5509
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
|
|
5285
5510
|
border-width: 7px;
|
|
5286
5511
|
margin: 0;
|
|
5287
5512
|
color: #003366;
|
|
5288
5513
|
}
|
|
5289
5514
|
|
|
5290
|
-
.lux-autocomplete-panel .mat-option,
|
|
5515
|
+
.lux-autocomplete-panel .mat-option,
|
|
5516
|
+
.lux-select-panel .mat-option {
|
|
5291
5517
|
border-left: none;
|
|
5292
5518
|
}
|
|
5293
|
-
.lux-autocomplete-panel .mat-option.invalid,
|
|
5519
|
+
.lux-autocomplete-panel .mat-option.invalid,
|
|
5520
|
+
.lux-select-panel .mat-option.invalid {
|
|
5294
5521
|
border-left: 2px solid #ec2125;
|
|
5295
5522
|
}
|
|
5296
5523
|
|
|
@@ -5649,7 +5876,8 @@ lux-filter-form lux-menu.filter-menu .lux-filter-menu-trigger button.lux-button-
|
|
|
5649
5876
|
/*
|
|
5650
5877
|
* Theming for LUX-Stepper
|
|
5651
5878
|
*/
|
|
5652
|
-
lux-stepper .mat-stepper-horizontal,
|
|
5879
|
+
lux-stepper .mat-stepper-horizontal,
|
|
5880
|
+
lux-stepper .mat-stepper-vertical {
|
|
5653
5881
|
background-color: transparent;
|
|
5654
5882
|
}
|
|
5655
5883
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header {
|
|
@@ -5870,7 +6098,7 @@ lux-stepper-large {
|
|
|
5870
6098
|
background-color: #ffffff;
|
|
5871
6099
|
}
|
|
5872
6100
|
.lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a {
|
|
5873
|
-
color: #
|
|
6101
|
+
color: #2e8533;
|
|
5874
6102
|
position: relative;
|
|
5875
6103
|
}
|
|
5876
6104
|
.lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a::after {
|
|
@@ -5880,7 +6108,7 @@ lux-stepper-large {
|
|
|
5880
6108
|
width: 23px;
|
|
5881
6109
|
height: 23px;
|
|
5882
6110
|
margin: 5px 10px 0px;
|
|
5883
|
-
background-color: #
|
|
6111
|
+
background-color: #2e8533;
|
|
5884
6112
|
-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");
|
|
5885
6113
|
-webkit-mask-repeat: no-repeat;
|
|
5886
6114
|
-webkit-mask-position: center;
|
|
@@ -8727,13 +8955,21 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
|
|
|
8727
8955
|
color: #56bd66;
|
|
8728
8956
|
}
|
|
8729
8957
|
|
|
8730
|
-
h1,
|
|
8958
|
+
h1,
|
|
8959
|
+
h2,
|
|
8960
|
+
h3,
|
|
8961
|
+
h4,
|
|
8962
|
+
h5,
|
|
8963
|
+
h6 {
|
|
8731
8964
|
color: rgba(0, 0, 0, 0.87);
|
|
8732
8965
|
font-weight: normal;
|
|
8733
8966
|
font-family: "Blogger Sans", "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
8734
8967
|
}
|
|
8735
8968
|
|
|
8736
|
-
div,
|
|
8969
|
+
div,
|
|
8970
|
+
span,
|
|
8971
|
+
p,
|
|
8972
|
+
label {
|
|
8737
8973
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
8738
8974
|
}
|
|
8739
8975
|
|
|
@@ -8764,11 +9000,15 @@ lux-menu .lux-menu-extended lux-button.lux-menu-item .lux-button-label {
|
|
|
8764
9000
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
8765
9001
|
}
|
|
8766
9002
|
|
|
8767
|
-
.lux-autocomplete-panel-ac .mat-option.invalid,
|
|
9003
|
+
.lux-autocomplete-panel-ac .mat-option.invalid,
|
|
9004
|
+
.lux-select-panel-ac .mat-option.invalid,
|
|
9005
|
+
.lux-select-panel-ac-multiple .mat-option.invalid {
|
|
8768
9006
|
color: #ec2125;
|
|
8769
9007
|
font-weight: 300;
|
|
8770
9008
|
}
|
|
8771
|
-
.lux-autocomplete-panel-ac .mat-option.invalid .mat-pseudo-checkbox,
|
|
9009
|
+
.lux-autocomplete-panel-ac .mat-option.invalid .mat-pseudo-checkbox,
|
|
9010
|
+
.lux-select-panel-ac .mat-option.invalid .mat-pseudo-checkbox,
|
|
9011
|
+
.lux-select-panel-ac-multiple .mat-option.invalid .mat-pseudo-checkbox {
|
|
8772
9012
|
color: rgba(0, 0, 0, 0.38);
|
|
8773
9013
|
}
|
|
8774
9014
|
|
|
@@ -8784,30 +9024,36 @@ lux-app-footer .lux-app-footer {
|
|
|
8784
9024
|
border-bottom: 8px solid #002d5d;
|
|
8785
9025
|
}
|
|
8786
9026
|
|
|
8787
|
-
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled),
|
|
9027
|
+
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled),
|
|
9028
|
+
mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled) {
|
|
8788
9029
|
font-size: 14px;
|
|
8789
9030
|
font-weight: 600;
|
|
8790
9031
|
color: #003366;
|
|
8791
9032
|
min-height: unset !important;
|
|
8792
9033
|
}
|
|
8793
|
-
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible,
|
|
9034
|
+
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible,
|
|
9035
|
+
mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible {
|
|
8794
9036
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
8795
9037
|
outline-offset: -4px;
|
|
8796
9038
|
border-radius: 4px;
|
|
8797
9039
|
background-color: transparent !important;
|
|
8798
9040
|
color: #4d7094 !important;
|
|
8799
9041
|
}
|
|
8800
|
-
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible .lux-tab-title,
|
|
9042
|
+
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible .lux-tab-title,
|
|
9043
|
+
mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible .lux-tab-title {
|
|
8801
9044
|
color: #4d7094 !important;
|
|
8802
9045
|
}
|
|
8803
|
-
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled),
|
|
9046
|
+
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled),
|
|
9047
|
+
mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) {
|
|
8804
9048
|
background-color: transparent;
|
|
8805
9049
|
color: #4d7094 !important;
|
|
8806
9050
|
}
|
|
8807
|
-
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) .lux-tab-title,
|
|
9051
|
+
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) .lux-tab-title,
|
|
9052
|
+
mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) .lux-tab-title {
|
|
8808
9053
|
color: #4d7094 !important;
|
|
8809
9054
|
}
|
|
8810
|
-
lux-tabs lux-icon.lux-tab-icon mat-icon.lux-lx-icon,
|
|
9055
|
+
lux-tabs lux-icon.lux-tab-icon mat-icon.lux-lx-icon,
|
|
9056
|
+
mat-card lux-tabs lux-icon.lux-tab-icon mat-icon.lux-lx-icon {
|
|
8811
9057
|
width: 24px !important;
|
|
8812
9058
|
height: 24px !important;
|
|
8813
9059
|
}
|
|
@@ -8818,10 +9064,12 @@ lux-tabs lux-icon.lux-tab-icon mat-icon.lux-lx-icon, mat-card lux-tabs lux-icon.
|
|
|
8818
9064
|
lux-table {
|
|
8819
9065
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
8820
9066
|
}
|
|
8821
|
-
lux-table .lux-table th,
|
|
9067
|
+
lux-table .lux-table th,
|
|
9068
|
+
lux-table .lux-table .lux-table-header-no-data th {
|
|
8822
9069
|
vertical-align: middle;
|
|
8823
9070
|
}
|
|
8824
|
-
lux-table .lux-table th.mat-header-cell,
|
|
9071
|
+
lux-table .lux-table th.mat-header-cell,
|
|
9072
|
+
lux-table .lux-table td.mat-cell {
|
|
8825
9073
|
border: none;
|
|
8826
9074
|
}
|
|
8827
9075
|
lux-table .lux-table td.mat-footer-cell {
|
|
@@ -8838,16 +9086,22 @@ lux-table .lux-table .lux-table-content {
|
|
|
8838
9086
|
lux-table .lux-table .lux-table-content table {
|
|
8839
9087
|
border-spacing: 0 !important;
|
|
8840
9088
|
}
|
|
8841
|
-
lux-table .lux-table .lux-table-content table td .lux-form-control-
|
|
9089
|
+
lux-table .lux-table .lux-table-content table td .lux-form-control-wrapper {
|
|
9090
|
+
margin: 0;
|
|
9091
|
+
}
|
|
9092
|
+
lux-table .lux-table .lux-table-content table td .lux-form-control-wrapper .lux-form-control-container-authentic {
|
|
8842
9093
|
padding: 0.25em 0.5em;
|
|
8843
9094
|
}
|
|
9095
|
+
lux-table .lux-table .lux-table-content table td .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
|
|
9096
|
+
padding: 0.25em 0em;
|
|
9097
|
+
}
|
|
8844
9098
|
lux-table .lux-table .lux-table-content thead th {
|
|
8845
9099
|
font-size: 16px;
|
|
8846
9100
|
color: rgba(0, 0, 0, 0.87);
|
|
8847
9101
|
font-weight: 700;
|
|
8848
9102
|
}
|
|
8849
9103
|
lux-table .lux-table .lux-table-content .mat-row:nth-child(odd) {
|
|
8850
|
-
background-color: #
|
|
9104
|
+
background-color: #eff3f6;
|
|
8851
9105
|
}
|
|
8852
9106
|
lux-table .lux-table .lux-table-content .mat-row:nth-child(even) {
|
|
8853
9107
|
background-color: #ffffff;
|
|
@@ -8906,6 +9160,11 @@ lux-card .mat-card.lux-card .mat-card-subtitle {
|
|
|
8906
9160
|
font-weight: normal;
|
|
8907
9161
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
8908
9162
|
}
|
|
9163
|
+
lux-card mat-card[class~=lux-cursor]:hover {
|
|
9164
|
+
background-image: linear-gradient(90deg, #ffffff 0%, #f8fbff 100%);
|
|
9165
|
+
background-color: #ffffff;
|
|
9166
|
+
border-color: rgba(0, 0, 0, 0.87);
|
|
9167
|
+
}
|
|
8909
9168
|
|
|
8910
9169
|
/*
|
|
8911
9170
|
* Theming for LUX-Accordion
|
|
@@ -9395,7 +9654,8 @@ lux-button button.lux-button.mat-fab, lux-button button.lux-button.mat-fab:not(.
|
|
|
9395
9654
|
.lux-form-control .lux-form-control-container {
|
|
9396
9655
|
font-size: 14px;
|
|
9397
9656
|
}
|
|
9398
|
-
.lux-form-control .lux-form-control-container input,
|
|
9657
|
+
.lux-form-control .lux-form-control-container input,
|
|
9658
|
+
.lux-form-control .lux-form-control-container textarea {
|
|
9399
9659
|
font-size: 14px !important;
|
|
9400
9660
|
}
|
|
9401
9661
|
|
|
@@ -9455,14 +9715,16 @@ lux-stepper lux-stepper-horizontal mat-step-header[aria-selected=false] div.mat-
|
|
|
9455
9715
|
lux-stepper lux-stepper-horizontal mat-step-header[aria-selected=false] div.mat-step-label lux-step-header {
|
|
9456
9716
|
color: #003366;
|
|
9457
9717
|
}
|
|
9458
|
-
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=false] .lux-stepper-edited-icon i,
|
|
9718
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=false] .lux-stepper-edited-icon i,
|
|
9719
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=false] .lux-stepper-edited-icon mat-icon,
|
|
9459
9720
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=false] .lux-stepper-normal-icon i,
|
|
9460
9721
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=false] .lux-stepper-normal-icon mat-icon {
|
|
9461
9722
|
color: #003366;
|
|
9462
9723
|
background-color: #fff;
|
|
9463
9724
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
9464
9725
|
}
|
|
9465
|
-
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-stepper-edited-icon i,
|
|
9726
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-stepper-edited-icon i,
|
|
9727
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-stepper-edited-icon mat-icon,
|
|
9466
9728
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-stepper-normal-icon i,
|
|
9467
9729
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-stepper-normal-icon mat-icon {
|
|
9468
9730
|
color: #fff;
|
|
@@ -9472,9 +9734,11 @@ lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-
|
|
|
9472
9734
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover {
|
|
9473
9735
|
background-color: transparent !important;
|
|
9474
9736
|
}
|
|
9475
|
-
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-edited-icon i,
|
|
9737
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-edited-icon i,
|
|
9738
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-edited-icon mat-icon,
|
|
9476
9739
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-normal-icon i,
|
|
9477
|
-
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-normal-icon mat-icon, lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-edited-icon i,
|
|
9740
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-normal-icon mat-icon, lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-edited-icon i,
|
|
9741
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-edited-icon mat-icon,
|
|
9478
9742
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-normal-icon i,
|
|
9479
9743
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-normal-icon mat-icon {
|
|
9480
9744
|
background-color: #4d7094;
|