@ihk-gfi/lux-components-theme 14.2.0 → 14.4.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/README.md +18 -9
- 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 +194 -62
- 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 +154 -44
- 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 +597 -94
- package/prebuilt-themes/luxtheme-green.css.map +1 -1
- package/src/authentic/_custom.scss +141 -133
- package/src/base/_luxfocus.scss +52 -51
- package/src/base/_luxfonts.scss +44 -0
- package/src/base/components/_luxFormControlWrapper.scss +17 -25
- package/src/base/components/_luxFormControlsAuthentic.scss +35 -21
- package/src/base/components/_luxTileAc.scss +10 -11
- package/src/blue/_custom.scss +21 -11
- package/src/green/_custom.scss +346 -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,119 @@ 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-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
405
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active) {
|
|
396
406
|
color: #003366;
|
|
397
407
|
background-color: #ffffff;
|
|
398
408
|
font-weight: 600;
|
|
399
409
|
}
|
|
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),
|
|
410
|
+
.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),
|
|
411
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
412
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
413
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
414
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
415
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
416
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) {
|
|
401
417
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
402
418
|
outline-offset: -4px;
|
|
403
419
|
background-color: #4d7094;
|
|
404
420
|
color: #ffffff;
|
|
405
421
|
}
|
|
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,
|
|
422
|
+
.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,
|
|
423
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
424
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
425
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
426
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
427
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
428
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox {
|
|
407
429
|
color: #ffffff;
|
|
408
430
|
}
|
|
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,
|
|
431
|
+
.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,
|
|
432
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
433
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
434
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
435
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
436
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
437
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked {
|
|
410
438
|
background-color: #ffffff;
|
|
411
439
|
}
|
|
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,
|
|
440
|
+
.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,
|
|
441
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
442
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
443
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
444
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
445
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
446
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after {
|
|
413
447
|
border-color: #003366 !important;
|
|
414
448
|
}
|
|
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,
|
|
449
|
+
.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,
|
|
450
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
451
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
452
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
453
|
+
.lux-autocomplete-panel-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 {
|
|
416
456
|
background-color: #fff;
|
|
417
457
|
}
|
|
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),
|
|
458
|
+
.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),
|
|
459
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
460
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
461
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
462
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
463
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
464
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
|
|
419
465
|
background-color: #4d7094;
|
|
420
466
|
color: #ffffff;
|
|
421
467
|
border-radius: 0px !important;
|
|
422
468
|
}
|
|
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,
|
|
469
|
+
.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,
|
|
470
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
471
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
472
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
473
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
474
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
475
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
|
|
424
476
|
color: #ffffff;
|
|
425
477
|
}
|
|
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,
|
|
478
|
+
.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,
|
|
479
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
480
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
481
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
482
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
483
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
484
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked {
|
|
427
485
|
background-color: #ffffff;
|
|
428
486
|
}
|
|
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,
|
|
487
|
+
.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,
|
|
488
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
489
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
490
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
491
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
492
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
493
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after {
|
|
430
494
|
border-color: #003366 !important;
|
|
431
495
|
}
|
|
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,
|
|
496
|
+
.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-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
498
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
499
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
500
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
501
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
502
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
|
|
433
503
|
color: #ffffff;
|
|
434
504
|
}
|
|
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,
|
|
505
|
+
.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,
|
|
506
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
507
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
508
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
509
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
510
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
511
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after {
|
|
436
512
|
background-color: #fff;
|
|
437
513
|
}
|
|
438
514
|
|
|
@@ -475,17 +551,20 @@ lux-button:not(.lang-select-trigger-ac, .user-menu-trigger-ac, .lux-action-nav-i
|
|
|
475
551
|
}
|
|
476
552
|
|
|
477
553
|
/** ########## Autocomplete ########## **/
|
|
478
|
-
.lux-autocomplete-panel mat-option:focus-visible,
|
|
554
|
+
.lux-autocomplete-panel mat-option:focus-visible,
|
|
555
|
+
.lux-chips-autocomplete-panel mat-option:focus-visible {
|
|
479
556
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
480
557
|
outline-offset: -4px;
|
|
481
558
|
border-radius: 4px;
|
|
482
559
|
}
|
|
483
|
-
.lux-autocomplete-panel mat-option.mat-active,
|
|
560
|
+
.lux-autocomplete-panel mat-option.mat-active,
|
|
561
|
+
.lux-chips-autocomplete-panel mat-option.mat-active {
|
|
484
562
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
485
563
|
outline-offset: -4px;
|
|
486
564
|
border-radius: 4px;
|
|
487
565
|
}
|
|
488
|
-
.lux-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
566
|
+
.lux-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
567
|
+
.lux-chips-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
|
|
489
568
|
background-color: #4d7094 !important;
|
|
490
569
|
border-radius: 4px;
|
|
491
570
|
}
|
|
@@ -709,10 +788,10 @@ lux-stepper-large .lux-stepper-large-nav-item.lux-active .lux-stepper-large-nav-
|
|
|
709
788
|
color: unset;
|
|
710
789
|
}
|
|
711
790
|
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: #
|
|
791
|
+
color: #2e8533;
|
|
713
792
|
}
|
|
714
793
|
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: #
|
|
794
|
+
color: #56bd66;
|
|
716
795
|
}
|
|
717
796
|
|
|
718
797
|
/** ########## File-Upload ########## **/
|
|
@@ -973,7 +1052,7 @@ lux-tile-ac .mat-card.lux-tile-ac[class~=lux-cursor]:focus-visible {
|
|
|
973
1052
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
974
1053
|
}
|
|
975
1054
|
lux-tile-ac .mat-card.lux-tile-ac[class~=lux-cursor]:hover {
|
|
976
|
-
border-color:
|
|
1055
|
+
border-color: rgba(0, 0, 0, 0.87);
|
|
977
1056
|
}
|
|
978
1057
|
|
|
979
1058
|
:root {
|
|
@@ -4210,8 +4289,7 @@ lux-form-control-wrapper .lux-form-control-wrapper .lux-input-row-authentic .lux
|
|
|
4210
4289
|
height: 1em;
|
|
4211
4290
|
}
|
|
4212
4291
|
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;
|
|
4292
|
+
border-color: rgba(0, 0, 0, 0.87);
|
|
4215
4293
|
}
|
|
4216
4294
|
lux-form-control-wrapper .lux-form-control-wrapper.lux-focused-authentic .lux-form-control-label-authentic > * {
|
|
4217
4295
|
color: #26527d;
|
|
@@ -4252,16 +4330,19 @@ lux-form-control-wrapper select:-webkit-autofill:focus {
|
|
|
4252
4330
|
/*
|
|
4253
4331
|
* Theming for LUX-Select
|
|
4254
4332
|
*/
|
|
4255
|
-
lux-select-ac mat-select,
|
|
4333
|
+
lux-select-ac mat-select,
|
|
4334
|
+
lux-lookup-combobox-ac mat-select {
|
|
4256
4335
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
4257
4336
|
height: calc(1.5em - 1px) !important;
|
|
4258
4337
|
}
|
|
4259
|
-
lux-select-ac mat-select .mat-select-arrow-wrapper,
|
|
4338
|
+
lux-select-ac mat-select .mat-select-arrow-wrapper,
|
|
4339
|
+
lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper {
|
|
4260
4340
|
margin-left: 2px;
|
|
4261
4341
|
height: 24px;
|
|
4262
4342
|
width: 24px;
|
|
4263
4343
|
}
|
|
4264
|
-
lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow,
|
|
4344
|
+
lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow,
|
|
4345
|
+
lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow {
|
|
4265
4346
|
border: none;
|
|
4266
4347
|
width: 100%;
|
|
4267
4348
|
height: 100%;
|
|
@@ -4276,10 +4357,12 @@ lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow, lux-lookup
|
|
|
4276
4357
|
mask-position: center;
|
|
4277
4358
|
mask-size: cover;
|
|
4278
4359
|
}
|
|
4279
|
-
lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow,
|
|
4360
|
+
lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow,
|
|
4361
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
|
|
4280
4362
|
background-color: rgba(0, 0, 0, 0.38);
|
|
4281
4363
|
}
|
|
4282
|
-
lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow,
|
|
4364
|
+
lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow,
|
|
4365
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
|
|
4283
4366
|
background-color: #003366;
|
|
4284
4367
|
}
|
|
4285
4368
|
|
|
@@ -4306,7 +4389,7 @@ lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-comb
|
|
|
4306
4389
|
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac {
|
|
4307
4390
|
min-width: calc(100% + 14px) !important;
|
|
4308
4391
|
max-width: calc(100% + 14px) !important;
|
|
4309
|
-
margin: 13px -9px;
|
|
4392
|
+
margin: 13px -9px 0px;
|
|
4310
4393
|
border: 2px solid #003366;
|
|
4311
4394
|
border-radius: 4px;
|
|
4312
4395
|
box-shadow: none !important;
|
|
@@ -4332,7 +4415,10 @@ lux-checkbox-ac .mat-checkbox-ripple {
|
|
|
4332
4415
|
lux-checkbox-ac .mat-checkbox-inner-container {
|
|
4333
4416
|
width: 1.25em;
|
|
4334
4417
|
height: 1.25em;
|
|
4335
|
-
margin-top:
|
|
4418
|
+
margin-top: 0.125em;
|
|
4419
|
+
}
|
|
4420
|
+
lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
|
|
4421
|
+
border-color: #003366;
|
|
4336
4422
|
}
|
|
4337
4423
|
lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
|
|
4338
4424
|
border-color: #003366;
|
|
@@ -4344,22 +4430,28 @@ lux-checkbox-ac .mat-checkbox-disabled .mat-checkbox-inner-container .mat-checkb
|
|
|
4344
4430
|
border-color: rgba(0, 0, 0, 0.38);
|
|
4345
4431
|
}
|
|
4346
4432
|
|
|
4347
|
-
lux-datepicker-ac mat-datepicker-toggle,
|
|
4433
|
+
lux-datepicker-ac mat-datepicker-toggle,
|
|
4434
|
+
lux-datetimepicker-ac mat-datepicker-toggle {
|
|
4348
4435
|
height: 24px !important;
|
|
4349
4436
|
width: 24px !important;
|
|
4350
4437
|
}
|
|
4351
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button,
|
|
4438
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button,
|
|
4439
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button {
|
|
4352
4440
|
height: 24px !important;
|
|
4353
4441
|
width: 24px !important;
|
|
4354
4442
|
line-height: 1.5;
|
|
4355
4443
|
font-size: inherit;
|
|
4356
4444
|
}
|
|
4357
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4445
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4446
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon,
|
|
4447
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4448
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon {
|
|
4358
4449
|
height: 24px !important;
|
|
4359
4450
|
width: 24px !important;
|
|
4360
4451
|
padding: 0px !important;
|
|
4361
4452
|
}
|
|
4362
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg,
|
|
4453
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg,
|
|
4454
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg {
|
|
4363
4455
|
color: rgba(0, 0, 0, 0.38);
|
|
4364
4456
|
}
|
|
4365
4457
|
|
|
@@ -4382,6 +4474,9 @@ lux-toggle-ac .mat-slide-toggle label {
|
|
|
4382
4474
|
color: rgba(0, 0, 0, 0.87);
|
|
4383
4475
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
4384
4476
|
}
|
|
4477
|
+
lux-toggle-ac .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
|
|
4478
|
+
background-color: #e0e7ed;
|
|
4479
|
+
}
|
|
4385
4480
|
lux-toggle-ac .mat-slide-toggle .mat-slide-toggle-thumb {
|
|
4386
4481
|
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
4482
|
}
|
|
@@ -4404,6 +4499,9 @@ lux-toggle-ac .mat-slide-toggle.mat-disabled:not(.mat-checked) .mat-slide-toggle
|
|
|
4404
4499
|
lux-radio-ac .mat-radio-container {
|
|
4405
4500
|
border-radius: 50%;
|
|
4406
4501
|
}
|
|
4502
|
+
lux-radio-ac .mat-radio-container span.mat-radio-outer-circle {
|
|
4503
|
+
border-color: #003366;
|
|
4504
|
+
}
|
|
4407
4505
|
lux-radio-ac .mat-radio-label {
|
|
4408
4506
|
color: rgba(0, 0, 0, 0.87);
|
|
4409
4507
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
@@ -4414,6 +4512,9 @@ lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container sp
|
|
|
4414
4512
|
lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container span.mat-radio-outer-circle {
|
|
4415
4513
|
border-color: rgba(0, 0, 0, 0.38);
|
|
4416
4514
|
}
|
|
4515
|
+
lux-radio-ac .mat-radio-group.lux-horizontal {
|
|
4516
|
+
row-gap: 0.75em;
|
|
4517
|
+
}
|
|
4417
4518
|
lux-radio-ac .mat-radio-disabled label.mat-radio-label .mat-radio-label-content {
|
|
4418
4519
|
color: rgba(0, 0, 0, 0.38);
|
|
4419
4520
|
}
|
|
@@ -4427,7 +4528,8 @@ lux-radio-ac .mat-radio-disabled label.mat-radio-label .mat-radio-container span
|
|
|
4427
4528
|
/*
|
|
4428
4529
|
* Theming for LUX-Input/LUX-Textarea
|
|
4429
4530
|
*/
|
|
4430
|
-
input,
|
|
4531
|
+
input,
|
|
4532
|
+
input.mat-input-element,
|
|
4431
4533
|
textarea {
|
|
4432
4534
|
font: inherit;
|
|
4433
4535
|
background: 0 0;
|
|
@@ -8727,13 +8829,21 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
|
|
|
8727
8829
|
color: #56bd66;
|
|
8728
8830
|
}
|
|
8729
8831
|
|
|
8730
|
-
h1,
|
|
8832
|
+
h1,
|
|
8833
|
+
h2,
|
|
8834
|
+
h3,
|
|
8835
|
+
h4,
|
|
8836
|
+
h5,
|
|
8837
|
+
h6 {
|
|
8731
8838
|
color: rgba(0, 0, 0, 0.87);
|
|
8732
8839
|
font-weight: normal;
|
|
8733
8840
|
font-family: "Blogger Sans", "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
8734
8841
|
}
|
|
8735
8842
|
|
|
8736
|
-
div,
|
|
8843
|
+
div,
|
|
8844
|
+
span,
|
|
8845
|
+
p,
|
|
8846
|
+
label {
|
|
8737
8847
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
8738
8848
|
}
|
|
8739
8849
|
|
|
@@ -8764,11 +8874,15 @@ lux-menu .lux-menu-extended lux-button.lux-menu-item .lux-button-label {
|
|
|
8764
8874
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
8765
8875
|
}
|
|
8766
8876
|
|
|
8767
|
-
.lux-autocomplete-panel-ac .mat-option.invalid,
|
|
8877
|
+
.lux-autocomplete-panel-ac .mat-option.invalid,
|
|
8878
|
+
.lux-select-panel-ac .mat-option.invalid,
|
|
8879
|
+
.lux-select-panel-ac-multiple .mat-option.invalid {
|
|
8768
8880
|
color: #ec2125;
|
|
8769
8881
|
font-weight: 300;
|
|
8770
8882
|
}
|
|
8771
|
-
.lux-autocomplete-panel-ac .mat-option.invalid .mat-pseudo-checkbox,
|
|
8883
|
+
.lux-autocomplete-panel-ac .mat-option.invalid .mat-pseudo-checkbox,
|
|
8884
|
+
.lux-select-panel-ac .mat-option.invalid .mat-pseudo-checkbox,
|
|
8885
|
+
.lux-select-panel-ac-multiple .mat-option.invalid .mat-pseudo-checkbox {
|
|
8772
8886
|
color: rgba(0, 0, 0, 0.38);
|
|
8773
8887
|
}
|
|
8774
8888
|
|
|
@@ -8784,30 +8898,36 @@ lux-app-footer .lux-app-footer {
|
|
|
8784
8898
|
border-bottom: 8px solid #002d5d;
|
|
8785
8899
|
}
|
|
8786
8900
|
|
|
8787
|
-
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled),
|
|
8901
|
+
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled),
|
|
8902
|
+
mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled) {
|
|
8788
8903
|
font-size: 14px;
|
|
8789
8904
|
font-weight: 600;
|
|
8790
8905
|
color: #003366;
|
|
8791
8906
|
min-height: unset !important;
|
|
8792
8907
|
}
|
|
8793
|
-
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible,
|
|
8908
|
+
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible,
|
|
8909
|
+
mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible {
|
|
8794
8910
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
8795
8911
|
outline-offset: -4px;
|
|
8796
8912
|
border-radius: 4px;
|
|
8797
8913
|
background-color: transparent !important;
|
|
8798
8914
|
color: #4d7094 !important;
|
|
8799
8915
|
}
|
|
8800
|
-
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible .lux-tab-title,
|
|
8916
|
+
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible .lux-tab-title,
|
|
8917
|
+
mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):focus-visible .lux-tab-title {
|
|
8801
8918
|
color: #4d7094 !important;
|
|
8802
8919
|
}
|
|
8803
|
-
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled),
|
|
8920
|
+
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled),
|
|
8921
|
+
mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) {
|
|
8804
8922
|
background-color: transparent;
|
|
8805
8923
|
color: #4d7094 !important;
|
|
8806
8924
|
}
|
|
8807
|
-
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) .lux-tab-title,
|
|
8925
|
+
lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) .lux-tab-title,
|
|
8926
|
+
mat-card lux-tabs .mat-tab-label-container .mat-tab-label:not(.mat-tab-disabled):hover:not(.mat-tab-disabled) .lux-tab-title {
|
|
8808
8927
|
color: #4d7094 !important;
|
|
8809
8928
|
}
|
|
8810
|
-
lux-tabs lux-icon.lux-tab-icon mat-icon.lux-lx-icon,
|
|
8929
|
+
lux-tabs lux-icon.lux-tab-icon mat-icon.lux-lx-icon,
|
|
8930
|
+
mat-card lux-tabs lux-icon.lux-tab-icon mat-icon.lux-lx-icon {
|
|
8811
8931
|
width: 24px !important;
|
|
8812
8932
|
height: 24px !important;
|
|
8813
8933
|
}
|
|
@@ -8818,10 +8938,12 @@ lux-tabs lux-icon.lux-tab-icon mat-icon.lux-lx-icon, mat-card lux-tabs lux-icon.
|
|
|
8818
8938
|
lux-table {
|
|
8819
8939
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
8820
8940
|
}
|
|
8821
|
-
lux-table .lux-table th,
|
|
8941
|
+
lux-table .lux-table th,
|
|
8942
|
+
lux-table .lux-table .lux-table-header-no-data th {
|
|
8822
8943
|
vertical-align: middle;
|
|
8823
8944
|
}
|
|
8824
|
-
lux-table .lux-table th.mat-header-cell,
|
|
8945
|
+
lux-table .lux-table th.mat-header-cell,
|
|
8946
|
+
lux-table .lux-table td.mat-cell {
|
|
8825
8947
|
border: none;
|
|
8826
8948
|
}
|
|
8827
8949
|
lux-table .lux-table td.mat-footer-cell {
|
|
@@ -8847,7 +8969,7 @@ lux-table .lux-table .lux-table-content thead th {
|
|
|
8847
8969
|
font-weight: 700;
|
|
8848
8970
|
}
|
|
8849
8971
|
lux-table .lux-table .lux-table-content .mat-row:nth-child(odd) {
|
|
8850
|
-
background-color: #
|
|
8972
|
+
background-color: #eff3f6;
|
|
8851
8973
|
}
|
|
8852
8974
|
lux-table .lux-table .lux-table-content .mat-row:nth-child(even) {
|
|
8853
8975
|
background-color: #ffffff;
|
|
@@ -8906,6 +9028,11 @@ lux-card .mat-card.lux-card .mat-card-subtitle {
|
|
|
8906
9028
|
font-weight: normal;
|
|
8907
9029
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
8908
9030
|
}
|
|
9031
|
+
lux-card mat-card[class~=lux-cursor]:hover {
|
|
9032
|
+
background-image: linear-gradient(90deg, #ffffff 0%, #f8fbff 100%);
|
|
9033
|
+
background-color: #ffffff;
|
|
9034
|
+
border-color: rgba(0, 0, 0, 0.87);
|
|
9035
|
+
}
|
|
8909
9036
|
|
|
8910
9037
|
/*
|
|
8911
9038
|
* Theming for LUX-Accordion
|
|
@@ -9395,7 +9522,8 @@ lux-button button.lux-button.mat-fab, lux-button button.lux-button.mat-fab:not(.
|
|
|
9395
9522
|
.lux-form-control .lux-form-control-container {
|
|
9396
9523
|
font-size: 14px;
|
|
9397
9524
|
}
|
|
9398
|
-
.lux-form-control .lux-form-control-container input,
|
|
9525
|
+
.lux-form-control .lux-form-control-container input,
|
|
9526
|
+
.lux-form-control .lux-form-control-container textarea {
|
|
9399
9527
|
font-size: 14px !important;
|
|
9400
9528
|
}
|
|
9401
9529
|
|
|
@@ -9455,14 +9583,16 @@ lux-stepper lux-stepper-horizontal mat-step-header[aria-selected=false] div.mat-
|
|
|
9455
9583
|
lux-stepper lux-stepper-horizontal mat-step-header[aria-selected=false] div.mat-step-label lux-step-header {
|
|
9456
9584
|
color: #003366;
|
|
9457
9585
|
}
|
|
9458
|
-
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=false] .lux-stepper-edited-icon i,
|
|
9586
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=false] .lux-stepper-edited-icon i,
|
|
9587
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=false] .lux-stepper-edited-icon mat-icon,
|
|
9459
9588
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=false] .lux-stepper-normal-icon i,
|
|
9460
9589
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=false] .lux-stepper-normal-icon mat-icon {
|
|
9461
9590
|
color: #003366;
|
|
9462
9591
|
background-color: #fff;
|
|
9463
9592
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
9464
9593
|
}
|
|
9465
|
-
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-stepper-edited-icon i,
|
|
9594
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-stepper-edited-icon i,
|
|
9595
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-stepper-edited-icon mat-icon,
|
|
9466
9596
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-stepper-normal-icon i,
|
|
9467
9597
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-stepper-normal-icon mat-icon {
|
|
9468
9598
|
color: #fff;
|
|
@@ -9472,9 +9602,11 @@ lux-stepper .lux-ignore-mat-step-icons mat-step-header[aria-selected=true] .lux-
|
|
|
9472
9602
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover {
|
|
9473
9603
|
background-color: transparent !important;
|
|
9474
9604
|
}
|
|
9475
|
-
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-edited-icon i,
|
|
9605
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-edited-icon i,
|
|
9606
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=false] .lux-stepper-edited-icon mat-icon,
|
|
9476
9607
|
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,
|
|
9608
|
+
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,
|
|
9609
|
+
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-edited-icon mat-icon,
|
|
9478
9610
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-normal-icon i,
|
|
9479
9611
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header:hover[aria-selected=true] .lux-stepper-normal-icon mat-icon {
|
|
9480
9612
|
background-color: #4d7094;
|