@ihk-gfi/lux-components-theme 14.4.0 → 14.6.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 +265 -58
- 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 +260 -55
- 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 +270 -55
- package/prebuilt-themes/luxtheme-green.css.map +1 -1
- package/src/authentic/_custom.scss +8 -7
- package/src/base/_luxcomponents.scss +70 -50
- package/src/base/_luxfocus.scss +3 -1
- package/src/base/components/_luxAppHeaderAc.scss +33 -30
- package/src/base/components/_luxCheckboxContainerAc.scss +35 -0
- package/src/base/components/_luxFormControlWrapper.scss +10 -0
- package/src/base/components/_luxFormControlsAuthentic.scss +16 -7
- package/src/base/components/_luxLinkPlain.scss +52 -38
- package/src/base/components/_luxTextbox.scss +80 -0
- package/src/green/_custom.scss +12 -0
|
@@ -401,8 +401,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
401
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
402
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
403
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),
|
|
404
406
|
.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)
|
|
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) {
|
|
406
410
|
color: #003366;
|
|
407
411
|
background-color: #ffffff;
|
|
408
412
|
font-weight: 600;
|
|
@@ -412,8 +416,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
412
416
|
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
413
417
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
414
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),
|
|
415
421
|
.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)
|
|
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) {
|
|
417
425
|
outline: 4px solid rgb(0, 152, 218) !important;
|
|
418
426
|
outline-offset: -4px;
|
|
419
427
|
background-color: #4d7094;
|
|
@@ -424,8 +432,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
424
432
|
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
425
433
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
426
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,
|
|
427
437
|
.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
|
|
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 {
|
|
429
441
|
color: #ffffff;
|
|
430
442
|
}
|
|
431
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,
|
|
@@ -433,8 +445,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
433
445
|
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
434
446
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
435
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,
|
|
436
450
|
.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
|
|
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 {
|
|
438
454
|
background-color: #ffffff;
|
|
439
455
|
}
|
|
440
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,
|
|
@@ -442,8 +458,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
442
458
|
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
443
459
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
444
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,
|
|
445
463
|
.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
|
|
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 {
|
|
447
467
|
border-color: #003366 !important;
|
|
448
468
|
}
|
|
449
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,
|
|
@@ -451,8 +471,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
451
471
|
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
452
472
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
453
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,
|
|
454
476
|
.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
|
|
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 {
|
|
456
480
|
background-color: #fff;
|
|
457
481
|
}
|
|
458
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),
|
|
@@ -460,8 +484,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
460
484
|
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
461
485
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
462
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),
|
|
463
489
|
.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)
|
|
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) {
|
|
465
493
|
background-color: #4d7094;
|
|
466
494
|
color: #ffffff;
|
|
467
495
|
border-radius: 0px !important;
|
|
@@ -471,8 +499,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
471
499
|
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
472
500
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
473
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,
|
|
474
504
|
.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
|
|
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 {
|
|
476
508
|
color: #ffffff;
|
|
477
509
|
}
|
|
478
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,
|
|
@@ -480,8 +512,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
480
512
|
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
481
513
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
482
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,
|
|
483
517
|
.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
|
|
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 {
|
|
485
521
|
background-color: #ffffff;
|
|
486
522
|
}
|
|
487
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,
|
|
@@ -489,8 +525,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
489
525
|
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
490
526
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
491
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,
|
|
492
530
|
.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
|
|
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 {
|
|
494
534
|
border-color: #003366 !important;
|
|
495
535
|
}
|
|
496
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,
|
|
@@ -498,8 +538,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
498
538
|
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
499
539
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
500
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,
|
|
501
543
|
.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
|
|
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 {
|
|
503
547
|
color: #ffffff;
|
|
504
548
|
}
|
|
505
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,
|
|
@@ -507,8 +551,12 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
507
551
|
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
508
552
|
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
509
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,
|
|
510
556
|
.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
|
|
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 {
|
|
512
560
|
background-color: #fff;
|
|
513
561
|
}
|
|
514
562
|
|
|
@@ -920,6 +968,9 @@ lux-app-header-ac .lux-app-header-nav-bar .lux-header-ac-nav-menu .lux-menu-exte
|
|
|
920
968
|
.cdk-overlay-pane button.lux-menu-item.lux-selected-item-ac {
|
|
921
969
|
font-weight: 600;
|
|
922
970
|
}
|
|
971
|
+
.cdk-overlay-pane button.lux-menu-item.lux-selected-item-ac .lux-button-label {
|
|
972
|
+
padding-right: 24px;
|
|
973
|
+
}
|
|
923
974
|
.cdk-overlay-pane button.lux-menu-item.lux-selected-item-ac .lux-button-label::after {
|
|
924
975
|
content: "";
|
|
925
976
|
position: absolute;
|
|
@@ -962,50 +1013,67 @@ lux-app-header-ac .lux-app-header-nav-bar .lux-header-ac-nav-menu .lux-menu-exte
|
|
|
962
1013
|
background-color: #ffffff;
|
|
963
1014
|
}
|
|
964
1015
|
|
|
1016
|
+
lux-link-plain {
|
|
1017
|
+
display: inline-flex;
|
|
1018
|
+
align-items: baseline;
|
|
1019
|
+
}
|
|
965
1020
|
lux-link-plain .link-wrapper {
|
|
966
|
-
display:
|
|
1021
|
+
display: flex;
|
|
1022
|
+
gap: 0.25em;
|
|
1023
|
+
align-items: baseline;
|
|
967
1024
|
font-family: inherit;
|
|
968
|
-
font-size: inherit;
|
|
969
|
-
font-weight: inherit;
|
|
970
|
-
color: rgb(0, 124, 177);
|
|
971
1025
|
}
|
|
972
1026
|
lux-link-plain .link-wrapper .lux-link-plain-text {
|
|
973
|
-
|
|
1027
|
+
font-family: inherit;
|
|
1028
|
+
font-size: inherit;
|
|
1029
|
+
font-weight: inherit;
|
|
1030
|
+
text-decoration: inherit;
|
|
1031
|
+
color: inherit;
|
|
1032
|
+
display: flex;
|
|
974
1033
|
}
|
|
975
1034
|
lux-link-plain .link-wrapper lux-icon {
|
|
976
1035
|
font-size: inherit;
|
|
977
|
-
|
|
978
|
-
|
|
1036
|
+
display: flex;
|
|
1037
|
+
}
|
|
1038
|
+
lux-link-plain .link-wrapper lux-icon mat-icon.mat-icon.lux-lx-icon-no-size {
|
|
1039
|
+
padding: 0px !important;
|
|
1040
|
+
width: 0.8em;
|
|
1041
|
+
height: 0.8em;
|
|
1042
|
+
overflow: visible;
|
|
979
1043
|
}
|
|
980
|
-
lux-link-plain .link-wrapper
|
|
1044
|
+
lux-link-plain .link-wrapper:focus-visible:not(.lux-disabled) {
|
|
1045
|
+
outline: 4px solid rgb(0, 152, 218) !important;
|
|
1046
|
+
border-radius: 2px;
|
|
1047
|
+
}
|
|
1048
|
+
lux-link-plain.default-style {
|
|
1049
|
+
color: rgb(0, 124, 177);
|
|
1050
|
+
font-family: inherit;
|
|
1051
|
+
}
|
|
1052
|
+
lux-link-plain.default-style lux-icon i,
|
|
1053
|
+
lux-link-plain.default-style lux-icon mat-icon {
|
|
981
1054
|
color: rgb(0, 124, 177);
|
|
982
|
-
padding: 0 !important;
|
|
983
1055
|
}
|
|
1056
|
+
lux-link-plain.lux-disabled,
|
|
984
1057
|
lux-link-plain .link-wrapper.lux-disabled {
|
|
985
1058
|
color: rgba(0, 0, 0, 0.38);
|
|
986
1059
|
cursor: text;
|
|
1060
|
+
text-decoration: none;
|
|
987
1061
|
}
|
|
988
|
-
lux-link-plain
|
|
1062
|
+
lux-link-plain.lux-disabled lux-icon i,
|
|
1063
|
+
lux-link-plain.lux-disabled lux-icon mat-icon,
|
|
1064
|
+
lux-link-plain .link-wrapper.lux-disabled lux-icon i,
|
|
1065
|
+
lux-link-plain .link-wrapper.lux-disabled lux-icon mat-icon {
|
|
989
1066
|
color: rgba(0, 0, 0, 0.38);
|
|
990
1067
|
}
|
|
991
|
-
lux-link-plain
|
|
1068
|
+
lux-link-plain:hover:not(.lux-disabled) {
|
|
992
1069
|
color: #4d7094;
|
|
993
1070
|
text-decoration: underline;
|
|
994
1071
|
cursor: pointer;
|
|
995
1072
|
}
|
|
996
|
-
lux-link-plain
|
|
1073
|
+
lux-link-plain:hover:not(.lux-disabled) lux-icon i,
|
|
1074
|
+
lux-link-plain:hover:not(.lux-disabled) lux-icon mat-icon {
|
|
997
1075
|
color: #4d7094;
|
|
998
1076
|
}
|
|
999
|
-
lux-link-plain .link-wrapper:focus:not(.lux-disabled, :hover) {
|
|
1000
|
-
outline: 4px solid rgb(0, 152, 218) !important;
|
|
1001
|
-
border-radius: 2px;
|
|
1002
|
-
}
|
|
1003
|
-
lux-link-plain.breadcrump-item .link-wrapper {
|
|
1004
|
-
color: inherit;
|
|
1005
|
-
}
|
|
1006
|
-
lux-link-plain.breadcrump-item .link-wrapper lux-icon mat-icon {
|
|
1007
|
-
color: inherit;
|
|
1008
|
-
}
|
|
1009
1077
|
|
|
1010
1078
|
lux-tile-ac .mat-card.lux-tile-ac {
|
|
1011
1079
|
box-sizing: border-box;
|
|
@@ -4288,6 +4356,15 @@ lux-form-control-wrapper .lux-form-control-wrapper .lux-input-row-authentic .lux
|
|
|
4288
4356
|
width: 1em;
|
|
4289
4357
|
height: 1em;
|
|
4290
4358
|
}
|
|
4359
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic {
|
|
4360
|
+
margin: 0;
|
|
4361
|
+
}
|
|
4362
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic .lux-form-control-container-authentic {
|
|
4363
|
+
padding: 0.375em 0.5em;
|
|
4364
|
+
}
|
|
4365
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic .lux-form-control-container-authentic.lux-no-input-row {
|
|
4366
|
+
padding: 0.375em 0em;
|
|
4367
|
+
}
|
|
4291
4368
|
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) {
|
|
4292
4369
|
border-color: rgba(0, 0, 0, 0.87);
|
|
4293
4370
|
}
|
|
@@ -4375,6 +4452,7 @@ lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
|
|
|
4375
4452
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
4376
4453
|
}
|
|
4377
4454
|
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
|
|
4455
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac,
|
|
4378
4456
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac,
|
|
4379
4457
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple {
|
|
4380
4458
|
border: 2px solid #003366;
|
|
@@ -4382,17 +4460,19 @@ lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
|
|
|
4382
4460
|
box-shadow: none !important;
|
|
4383
4461
|
}
|
|
4384
4462
|
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac .mat-pseudo-checkbox,
|
|
4463
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac .mat-pseudo-checkbox,
|
|
4385
4464
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac .mat-pseudo-checkbox,
|
|
4386
4465
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple .mat-pseudo-checkbox {
|
|
4387
4466
|
color: #003366;
|
|
4388
4467
|
}
|
|
4389
|
-
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac
|
|
4468
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
|
|
4469
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac {
|
|
4390
4470
|
min-width: calc(100% + 14px) !important;
|
|
4391
4471
|
max-width: calc(100% + 14px) !important;
|
|
4392
4472
|
margin: 13px -9px 0px;
|
|
4393
|
-
|
|
4394
|
-
|
|
4395
|
-
|
|
4473
|
+
}
|
|
4474
|
+
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac {
|
|
4475
|
+
margin-top: 7px;
|
|
4396
4476
|
}
|
|
4397
4477
|
|
|
4398
4478
|
/*
|
|
@@ -4459,7 +4539,7 @@ lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled
|
|
|
4459
4539
|
.lux-datetimepicker-overlay .mat-card.lux-card {
|
|
4460
4540
|
border: 2px solid #003366;
|
|
4461
4541
|
box-shadow: none !important;
|
|
4462
|
-
margin: 13px -9px;
|
|
4542
|
+
margin: 13px -9px 0;
|
|
4463
4543
|
}
|
|
4464
4544
|
.cdk-overlay-pane .mat-datepicker-content .mat-calendar-header button:hover,
|
|
4465
4545
|
.lux-datetimepicker-overlay .mat-card.lux-card .mat-calendar-header button:hover {
|
|
@@ -4545,6 +4625,10 @@ textarea {
|
|
|
4545
4625
|
font-size: 16px;
|
|
4546
4626
|
}
|
|
4547
4627
|
|
|
4628
|
+
lux-textarea-ac text-area {
|
|
4629
|
+
line-height: normal;
|
|
4630
|
+
}
|
|
4631
|
+
|
|
4548
4632
|
/**
|
|
4549
4633
|
* Theming für LUX-Chips
|
|
4550
4634
|
*/
|
|
@@ -4579,8 +4663,9 @@ lux-chips-ac .lux-chips mat-chip-list div.mat-chip-list-wrapper {
|
|
|
4579
4663
|
margin: 0px 0px 0px -4px;
|
|
4580
4664
|
}
|
|
4581
4665
|
|
|
4582
|
-
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel
|
|
4583
|
-
|
|
4666
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel,
|
|
4667
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel {
|
|
4668
|
+
margin-top: -22px;
|
|
4584
4669
|
margin-left: 0;
|
|
4585
4670
|
margin-right: 0;
|
|
4586
4671
|
border-radius: 4px;
|
|
@@ -4588,6 +4673,10 @@ lux-chips-ac .lux-chips mat-chip-list div.mat-chip-list-wrapper {
|
|
|
4588
4673
|
border: 2px solid #003366;
|
|
4589
4674
|
}
|
|
4590
4675
|
|
|
4676
|
+
.lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel {
|
|
4677
|
+
margin-top: -18px;
|
|
4678
|
+
}
|
|
4679
|
+
|
|
4591
4680
|
/*
|
|
4592
4681
|
* Theming for LUX-Slider
|
|
4593
4682
|
*/
|
|
@@ -4768,6 +4857,99 @@ lux-slider-ac .lux-show-thumb-label-always.mat-slider-disabled .mat-slider-thumb
|
|
|
4768
4857
|
background-color: #fff;
|
|
4769
4858
|
}
|
|
4770
4859
|
|
|
4860
|
+
lux-checkbox-container-ac .lux-label-container {
|
|
4861
|
+
min-height: 1.2em;
|
|
4862
|
+
font-size: 0.75rem;
|
|
4863
|
+
line-height: 1.2em;
|
|
4864
|
+
color: #003366;
|
|
4865
|
+
margin: 0 calc(0.5em + 1px) 0.25em calc(0.5em + 1px);
|
|
4866
|
+
}
|
|
4867
|
+
lux-checkbox-container-ac .lux-checkbox-container {
|
|
4868
|
+
display: flex;
|
|
4869
|
+
flex-flow: row wrap;
|
|
4870
|
+
place-content: stretch flex-start;
|
|
4871
|
+
align-items: stretch;
|
|
4872
|
+
gap: 10px;
|
|
4873
|
+
max-width: 100%;
|
|
4874
|
+
}
|
|
4875
|
+
lux-checkbox-container-ac .lux-checkbox-container.lux-vertical {
|
|
4876
|
+
flex-direction: column;
|
|
4877
|
+
}
|
|
4878
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper {
|
|
4879
|
+
margin: 0;
|
|
4880
|
+
}
|
|
4881
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-label-authentic,
|
|
4882
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-misc-authentic {
|
|
4883
|
+
display: none !important;
|
|
4884
|
+
}
|
|
4885
|
+
lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
|
|
4886
|
+
padding: 0;
|
|
4887
|
+
}
|
|
4888
|
+
|
|
4889
|
+
lux-textbox .lux-textbox-container {
|
|
4890
|
+
display: grid;
|
|
4891
|
+
grid-template-columns: 1.5em 1fr;
|
|
4892
|
+
gap: 1.5em;
|
|
4893
|
+
row-gap: 1em;
|
|
4894
|
+
border: 1px solid #003366;
|
|
4895
|
+
border-radius: 4px;
|
|
4896
|
+
padding: 1.5em;
|
|
4897
|
+
background-color: #ffffff;
|
|
4898
|
+
}
|
|
4899
|
+
lux-textbox .lux-textbox-container h3.lux-textbox-title {
|
|
4900
|
+
margin: 0;
|
|
4901
|
+
}
|
|
4902
|
+
lux-textbox .lux-textbox-container .lux-textbox-icon {
|
|
4903
|
+
width: 24px;
|
|
4904
|
+
height: 24px;
|
|
4905
|
+
justify-self: start;
|
|
4906
|
+
align-self: start;
|
|
4907
|
+
color: #003366;
|
|
4908
|
+
}
|
|
4909
|
+
lux-textbox .lux-textbox-container .lux-textbox-icon mat-icon.mat-icon.lux-lx-icon-no-size {
|
|
4910
|
+
padding: 0 !important;
|
|
4911
|
+
}
|
|
4912
|
+
lux-textbox .lux-textbox-container .lux-textbox-content {
|
|
4913
|
+
color: rgba(0, 0, 0, 0.87);
|
|
4914
|
+
grid-column-start: 2;
|
|
4915
|
+
font-size: 1rem;
|
|
4916
|
+
}
|
|
4917
|
+
lux-textbox .lux-textbox-container .lux-textbox-content p {
|
|
4918
|
+
padding: 0;
|
|
4919
|
+
margin: 0;
|
|
4920
|
+
}
|
|
4921
|
+
lux-textbox .lux-textbox-container.lux-no-icon {
|
|
4922
|
+
grid-template-columns: 1fr;
|
|
4923
|
+
}
|
|
4924
|
+
lux-textbox .lux-textbox-container.lux-no-icon .lux-text-box-title,
|
|
4925
|
+
lux-textbox .lux-textbox-container.lux-no-icon .lux-textbox-content {
|
|
4926
|
+
grid-column: 1/-1;
|
|
4927
|
+
}
|
|
4928
|
+
lux-textbox .lux-textbox-container.lux-blue {
|
|
4929
|
+
background: linear-gradient(90deg, #e0e7ed, #ffffff);
|
|
4930
|
+
}
|
|
4931
|
+
lux-textbox .lux-textbox-container.lux-green {
|
|
4932
|
+
background: linear-gradient(90deg, #ebf7ed, #ffffff);
|
|
4933
|
+
border-color: #56bd66;
|
|
4934
|
+
}
|
|
4935
|
+
lux-textbox .lux-textbox-container.lux-green lux-icon.lux-textbox-icon {
|
|
4936
|
+
color: #56bd66;
|
|
4937
|
+
}
|
|
4938
|
+
lux-textbox .lux-textbox-container.lux-red {
|
|
4939
|
+
background: linear-gradient(90deg, #ffcacf, #ffffff);
|
|
4940
|
+
border-color: #ec2125;
|
|
4941
|
+
}
|
|
4942
|
+
lux-textbox .lux-textbox-container.lux-red lux-icon.lux-textbox-icon {
|
|
4943
|
+
color: #ec2125;
|
|
4944
|
+
}
|
|
4945
|
+
lux-textbox .lux-textbox-container.lux-yellow {
|
|
4946
|
+
background: linear-gradient(90deg, rgb(253, 248, 225), #ffffff);
|
|
4947
|
+
border-color: rgb(244, 203, 37);
|
|
4948
|
+
}
|
|
4949
|
+
lux-textbox .lux-textbox-container.lux-yellow lux-icon.lux-textbox-icon {
|
|
4950
|
+
color: rgb(244, 203, 37);
|
|
4951
|
+
}
|
|
4952
|
+
|
|
4771
4953
|
/*
|
|
4772
4954
|
* Theming for LUX-App-Content
|
|
4773
4955
|
*/
|
|
@@ -4823,13 +5005,16 @@ lux-app-header .lux-app-header .lux-header-user .lux-header-user-short > span {
|
|
|
4823
5005
|
color: #003366;
|
|
4824
5006
|
background-color: #ffffff;
|
|
4825
5007
|
}
|
|
4826
|
-
lux-app-header .lux-side-nav-header,
|
|
5008
|
+
lux-app-header .lux-side-nav-header,
|
|
5009
|
+
lux-app-header .lux-side-nav-footer {
|
|
4827
5010
|
color: rgb(0, 134, 192);
|
|
4828
5011
|
}
|
|
4829
5012
|
lux-app-header .lux-header-side-nav .lux-side-nav-trigger-active {
|
|
4830
5013
|
background-color: rgba(0, 0, 0, 0.12);
|
|
4831
5014
|
}
|
|
4832
|
-
lux-app-header .lux-side-nav .lux-side-nav-content lux-button,
|
|
5015
|
+
lux-app-header .lux-side-nav .lux-side-nav-content lux-button,
|
|
5016
|
+
lux-app-header .lux-side-nav .lux-side-nav-content .lux-menu-item,
|
|
5017
|
+
lux-app-header .lux-side-nav .lux-side-nav-content .lux-action-nav-menu lux-button {
|
|
4833
5018
|
color: #003366;
|
|
4834
5019
|
font-weight: 600;
|
|
4835
5020
|
}
|
|
@@ -5048,7 +5233,8 @@ lux-divider .mat-divider {
|
|
|
5048
5233
|
lux-file-list .lux-file-list {
|
|
5049
5234
|
margin: 0px;
|
|
5050
5235
|
}
|
|
5051
|
-
lux-file-list .lux-file-list .lux-file-list-entry-label,
|
|
5236
|
+
lux-file-list .lux-file-list .lux-file-list-entry-label,
|
|
5237
|
+
lux-file-list .lux-file-list .lux-file-list-entry-icon {
|
|
5052
5238
|
color: rgba(0, 0, 0, 0.6);
|
|
5053
5239
|
}
|
|
5054
5240
|
lux-file-list .lux-file-list .lux-card-title-container {
|
|
@@ -5113,7 +5299,8 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
|
|
|
5113
5299
|
gap: 12px;
|
|
5114
5300
|
padding: 24px 48px;
|
|
5115
5301
|
}
|
|
5116
|
-
.lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-progress,
|
|
5302
|
+
.lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-progress,
|
|
5303
|
+
.lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-no-progress {
|
|
5117
5304
|
height: 8px;
|
|
5118
5305
|
}
|
|
5119
5306
|
.lux-file-upload-container .lux-file-upload-drop-container.lux-file-upload-drop-container-disabled {
|
|
@@ -5302,7 +5489,8 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
|
|
|
5302
5489
|
.lux-form-control .lux-form-control-container {
|
|
5303
5490
|
padding: 6px 0 0 0;
|
|
5304
5491
|
}
|
|
5305
|
-
.lux-form-control .lux-form-control-container input:required,
|
|
5492
|
+
.lux-form-control .lux-form-control-container input:required,
|
|
5493
|
+
.lux-form-control .lux-form-control-container textarea:required {
|
|
5306
5494
|
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);
|
|
5307
5495
|
}
|
|
5308
5496
|
.lux-form-control .lux-form-control-container:after {
|
|
@@ -5378,21 +5566,25 @@ lux-list .mat-card-content.menu-item-content {
|
|
|
5378
5566
|
/*
|
|
5379
5567
|
* Theming for LUX-Lookup-Components
|
|
5380
5568
|
*/
|
|
5381
|
-
lux-lookup-combobox mat-select[aria-disabled=true] .mat-select-arrow,
|
|
5569
|
+
lux-lookup-combobox mat-select[aria-disabled=true] .mat-select-arrow,
|
|
5570
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
|
|
5382
5571
|
border-width: 7px;
|
|
5383
5572
|
margin: 0;
|
|
5384
5573
|
color: rgba(0, 0, 0, 0.38);
|
|
5385
5574
|
}
|
|
5386
|
-
lux-lookup-combobox mat-select[aria-disabled=false] .mat-select-arrow,
|
|
5575
|
+
lux-lookup-combobox mat-select[aria-disabled=false] .mat-select-arrow,
|
|
5576
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
|
|
5387
5577
|
border-width: 7px;
|
|
5388
5578
|
margin: 0;
|
|
5389
5579
|
color: #003366;
|
|
5390
5580
|
}
|
|
5391
5581
|
|
|
5392
|
-
.lux-autocomplete-panel .mat-option,
|
|
5582
|
+
.lux-autocomplete-panel .mat-option,
|
|
5583
|
+
.lux-select-panel .mat-option {
|
|
5393
5584
|
border-left: none;
|
|
5394
5585
|
}
|
|
5395
|
-
.lux-autocomplete-panel .mat-option.invalid,
|
|
5586
|
+
.lux-autocomplete-panel .mat-option.invalid,
|
|
5587
|
+
.lux-select-panel .mat-option.invalid {
|
|
5396
5588
|
border-left: 2px solid #ec2125;
|
|
5397
5589
|
}
|
|
5398
5590
|
|
|
@@ -5466,6 +5658,18 @@ lux-master-header {
|
|
|
5466
5658
|
padding-right: 8px;
|
|
5467
5659
|
}
|
|
5468
5660
|
|
|
5661
|
+
/* Menu-Overlay-Panel anpassen */
|
|
5662
|
+
.lux-menu-panel .lux-menu-item {
|
|
5663
|
+
font-size: 16px;
|
|
5664
|
+
display: block;
|
|
5665
|
+
}
|
|
5666
|
+
.lux-menu-panel .lux-menu-item-icon {
|
|
5667
|
+
vertical-align: middle;
|
|
5668
|
+
}
|
|
5669
|
+
.lux-menu-panel .lux-menu-item-icon mat-icon {
|
|
5670
|
+
margin: 0;
|
|
5671
|
+
}
|
|
5672
|
+
|
|
5469
5673
|
/*
|
|
5470
5674
|
* Theming for LUX-Message-Box
|
|
5471
5675
|
*/
|
|
@@ -5751,7 +5955,8 @@ lux-filter-form lux-menu.filter-menu .lux-filter-menu-trigger button.lux-button-
|
|
|
5751
5955
|
/*
|
|
5752
5956
|
* Theming for LUX-Stepper
|
|
5753
5957
|
*/
|
|
5754
|
-
lux-stepper .mat-stepper-horizontal,
|
|
5958
|
+
lux-stepper .mat-stepper-horizontal,
|
|
5959
|
+
lux-stepper .mat-stepper-vertical {
|
|
5755
5960
|
background-color: transparent;
|
|
5756
5961
|
}
|
|
5757
5962
|
lux-stepper .lux-ignore-mat-step-icons mat-step-header {
|
|
@@ -5972,7 +6177,7 @@ lux-stepper-large {
|
|
|
5972
6177
|
background-color: #ffffff;
|
|
5973
6178
|
}
|
|
5974
6179
|
.lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a {
|
|
5975
|
-
color: #
|
|
6180
|
+
color: #2e8533;
|
|
5976
6181
|
position: relative;
|
|
5977
6182
|
}
|
|
5978
6183
|
.lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a::after {
|
|
@@ -5982,7 +6187,7 @@ lux-stepper-large {
|
|
|
5982
6187
|
width: 23px;
|
|
5983
6188
|
height: 23px;
|
|
5984
6189
|
margin: 5px 10px 0px;
|
|
5985
|
-
background-color: #
|
|
6190
|
+
background-color: #2e8533;
|
|
5986
6191
|
-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");
|
|
5987
6192
|
-webkit-mask-repeat: no-repeat;
|
|
5988
6193
|
-webkit-mask-position: center;
|
|
@@ -8836,7 +9041,6 @@ h4,
|
|
|
8836
9041
|
h5,
|
|
8837
9042
|
h6 {
|
|
8838
9043
|
color: rgba(0, 0, 0, 0.87);
|
|
8839
|
-
font-weight: normal;
|
|
8840
9044
|
font-family: "Blogger Sans", "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
8841
9045
|
}
|
|
8842
9046
|
|
|
@@ -8857,9 +9061,6 @@ label {
|
|
|
8857
9061
|
.mat-menu-panel .mat-menu-item .mat-icon-no-color {
|
|
8858
9062
|
color: #003366;
|
|
8859
9063
|
}
|
|
8860
|
-
.mat-menu-panel .mat-menu-content:not(:empty) {
|
|
8861
|
-
padding: 0;
|
|
8862
|
-
}
|
|
8863
9064
|
.mat-menu-panel .lux-menu-item:not([disabled=true]):hover {
|
|
8864
9065
|
color: #fff;
|
|
8865
9066
|
background-color: #4d7094;
|
|
@@ -8960,9 +9161,15 @@ lux-table .lux-table .lux-table-content {
|
|
|
8960
9161
|
lux-table .lux-table .lux-table-content table {
|
|
8961
9162
|
border-spacing: 0 !important;
|
|
8962
9163
|
}
|
|
8963
|
-
lux-table .lux-table .lux-table-content table td .lux-form-control-
|
|
9164
|
+
lux-table .lux-table .lux-table-content table td .lux-form-control-wrapper {
|
|
9165
|
+
margin: 0;
|
|
9166
|
+
}
|
|
9167
|
+
lux-table .lux-table .lux-table-content table td .lux-form-control-wrapper .lux-form-control-container-authentic {
|
|
8964
9168
|
padding: 0.25em 0.5em;
|
|
8965
9169
|
}
|
|
9170
|
+
lux-table .lux-table .lux-table-content table td .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
|
|
9171
|
+
padding: 0.25em 0em;
|
|
9172
|
+
}
|
|
8966
9173
|
lux-table .lux-table .lux-table-content thead th {
|
|
8967
9174
|
font-size: 16px;
|
|
8968
9175
|
color: rgba(0, 0, 0, 0.87);
|