@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
|
@@ -74,7 +74,8 @@ lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover {
|
|
|
74
74
|
background-color: #e3ebf5 !important;
|
|
75
75
|
border-radius: 4px;
|
|
76
76
|
}
|
|
77
|
-
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon,
|
|
77
|
+
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon,
|
|
78
|
+
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover .lux-header-username {
|
|
78
79
|
color: #e3ebf5 !important;
|
|
79
80
|
}
|
|
80
81
|
|
|
@@ -161,10 +162,12 @@ lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab
|
|
|
161
162
|
}
|
|
162
163
|
|
|
163
164
|
/** ########## Chips ########## **/
|
|
164
|
-
lux-chips .mat-standard-chip:focus-visible,
|
|
165
|
+
lux-chips .mat-standard-chip:focus-visible,
|
|
166
|
+
lux-chips-ac .mat-standard-chip:focus-visible {
|
|
165
167
|
outline: 1px dotted #000000 !important;
|
|
166
168
|
}
|
|
167
|
-
lux-chips .mat-chip.mat-standard-chip:after,
|
|
169
|
+
lux-chips .mat-chip.mat-standard-chip:after,
|
|
170
|
+
lux-chips-ac .mat-chip.mat-standard-chip:after {
|
|
168
171
|
background-color: unset;
|
|
169
172
|
}
|
|
170
173
|
|
|
@@ -219,18 +222,18 @@ lux-datepicker mat-datepicker-toggle .mat-button-focus-overlay {
|
|
|
219
222
|
display: none;
|
|
220
223
|
}
|
|
221
224
|
|
|
222
|
-
lux-datepicker-ac mat-datepicker-toggle button:focus-visible,
|
|
225
|
+
lux-datepicker-ac mat-datepicker-toggle button:focus-visible,
|
|
226
|
+
lux-datetimepicker-ac mat-datepicker-toggle button:focus-visible {
|
|
223
227
|
outline: 1px dotted #000000 !important;
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
lux-datepicker-ac mat-datepicker-toggle button:hover, lux-datetimepicker-ac mat-datepicker-toggle button:hover {
|
|
227
|
-
background-color: #fff;
|
|
228
|
-
border-radius: 4px;
|
|
228
|
+
outline-offset: 2px;
|
|
229
|
+
border-radius: 2px;
|
|
229
230
|
}
|
|
230
|
-
lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue,
|
|
231
|
+
lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue,
|
|
232
|
+
lux-datetimepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue {
|
|
231
233
|
color: #e3ebf5;
|
|
232
234
|
}
|
|
233
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-button-focus-overlay,
|
|
235
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-button-focus-overlay,
|
|
236
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-button-focus-overlay {
|
|
234
237
|
display: none;
|
|
235
238
|
}
|
|
236
239
|
|
|
@@ -307,7 +310,8 @@ lux-table tr:hover > th {
|
|
|
307
310
|
background-color: #e3ebf5 !important;
|
|
308
311
|
border-radius: 0;
|
|
309
312
|
}
|
|
310
|
-
lux-table tr:focus-visible,
|
|
313
|
+
lux-table tr:focus-visible,
|
|
314
|
+
lux-table td:focus-visible {
|
|
311
315
|
outline: 1px dotted #000000 !important;
|
|
312
316
|
outline-offset: -1px;
|
|
313
317
|
}
|
|
@@ -370,47 +374,119 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
370
374
|
mask-size: cover;
|
|
371
375
|
}
|
|
372
376
|
|
|
373
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
377
|
+
.lux-select-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
378
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
379
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
380
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
381
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
382
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
|
|
383
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active) {
|
|
374
384
|
color: #003366;
|
|
375
385
|
background-color: #ffffff;
|
|
376
386
|
font-weight: 600;
|
|
377
387
|
}
|
|
378
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
388
|
+
.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),
|
|
389
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
390
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
391
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
392
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
393
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
|
|
394
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) {
|
|
379
395
|
outline: 1px dotted #000000 !important;
|
|
380
396
|
outline-offset: -1px;
|
|
381
397
|
background-color: #4d7094;
|
|
382
398
|
color: #ffffff;
|
|
383
399
|
}
|
|
384
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
400
|
+
.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,
|
|
401
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
402
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
403
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
404
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
405
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
|
|
406
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox {
|
|
385
407
|
color: #ffffff;
|
|
386
408
|
}
|
|
387
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
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,
|
|
410
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
411
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
412
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
413
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
414
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
|
|
415
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked {
|
|
388
416
|
background-color: #ffffff;
|
|
389
417
|
}
|
|
390
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
418
|
+
.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,
|
|
419
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
420
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
421
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
422
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
423
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
|
|
424
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after {
|
|
391
425
|
border-color: #003366 !important;
|
|
392
426
|
}
|
|
393
|
-
.lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
427
|
+
.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,
|
|
428
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
429
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
430
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
431
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
432
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
|
|
433
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after {
|
|
394
434
|
background-color: #fff;
|
|
395
435
|
}
|
|
396
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
436
|
+
.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),
|
|
437
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
438
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
439
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
440
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
441
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
442
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
|
|
397
443
|
background-color: #4d7094;
|
|
398
444
|
color: #ffffff;
|
|
399
445
|
border-radius: 0px !important;
|
|
400
446
|
}
|
|
401
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
447
|
+
.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,
|
|
448
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
449
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
450
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
451
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
452
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
453
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
|
|
402
454
|
color: #ffffff;
|
|
403
455
|
}
|
|
404
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
456
|
+
.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,
|
|
457
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
458
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
459
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
460
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
461
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
|
|
462
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked {
|
|
405
463
|
background-color: #ffffff;
|
|
406
464
|
}
|
|
407
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
465
|
+
.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,
|
|
466
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
467
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
468
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
469
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
470
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
|
|
471
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after {
|
|
408
472
|
border-color: #003366 !important;
|
|
409
473
|
}
|
|
410
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
474
|
+
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
475
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
476
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
477
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
478
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
479
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
|
|
480
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
|
|
411
481
|
color: #ffffff;
|
|
412
482
|
}
|
|
413
|
-
.lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
483
|
+
.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,
|
|
484
|
+
.lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
485
|
+
.lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
486
|
+
.lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
487
|
+
.lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
488
|
+
.lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
|
|
489
|
+
.lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after {
|
|
414
490
|
background-color: #fff;
|
|
415
491
|
}
|
|
416
492
|
|
|
@@ -453,17 +529,20 @@ lux-button:not(.lang-select-trigger-ac, .user-menu-trigger-ac, .lux-action-nav-i
|
|
|
453
529
|
}
|
|
454
530
|
|
|
455
531
|
/** ########## Autocomplete ########## **/
|
|
456
|
-
.lux-autocomplete-panel mat-option:focus-visible,
|
|
532
|
+
.lux-autocomplete-panel mat-option:focus-visible,
|
|
533
|
+
.lux-chips-autocomplete-panel mat-option:focus-visible {
|
|
457
534
|
outline: 1px dotted #000000 !important;
|
|
458
535
|
outline-offset: -1px;
|
|
459
536
|
border-radius: 4px;
|
|
460
537
|
}
|
|
461
|
-
.lux-autocomplete-panel mat-option.mat-active,
|
|
538
|
+
.lux-autocomplete-panel mat-option.mat-active,
|
|
539
|
+
.lux-chips-autocomplete-panel mat-option.mat-active {
|
|
462
540
|
outline: 1px dotted #000000 !important;
|
|
463
541
|
outline-offset: -1px;
|
|
464
542
|
border-radius: 4px;
|
|
465
543
|
}
|
|
466
|
-
.lux-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
544
|
+
.lux-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
|
|
545
|
+
.lux-chips-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
|
|
467
546
|
background-color: #e3ebf5 !important;
|
|
468
547
|
border-radius: 4px;
|
|
469
548
|
}
|
|
@@ -687,10 +766,10 @@ lux-stepper-large .lux-stepper-large-nav-item.lux-active .lux-stepper-large-nav-
|
|
|
687
766
|
color: unset;
|
|
688
767
|
}
|
|
689
768
|
lux-stepper-large .lux-stepper-large-nav-item:not(.lux-active):not(.lux-completed) .lux-stepper-large-nav-item-label-container a.lux-stepper-large-nav-item-label-link:hover {
|
|
690
|
-
color: #
|
|
769
|
+
color: #2e8533;
|
|
691
770
|
}
|
|
692
771
|
lux-stepper-large .lux-stepper-large-nav-item:not(.lux-active).lux-completed .lux-stepper-large-nav-item-label-container a.lux-stepper-large-nav-item-label-link:hover {
|
|
693
|
-
color: #
|
|
772
|
+
color: #56bd66;
|
|
694
773
|
}
|
|
695
774
|
|
|
696
775
|
/** ########## File-Upload ########## **/
|
|
@@ -796,7 +875,7 @@ lux-app-header-ac .lux-app-header-nav-bar .lux-app-title {
|
|
|
796
875
|
color: #003366;
|
|
797
876
|
font-size: 20px;
|
|
798
877
|
font-weight: 400;
|
|
799
|
-
font-family: Korb, Roboto, Helvetica Neue, sans-serif,
|
|
878
|
+
font-family: Korb, Roboto, Helvetica Neue, sans-serif, Roboto, Helvetica Neue, sans-serif;
|
|
800
879
|
}
|
|
801
880
|
lux-app-header-ac .lux-app-header-nav-bar .lux-app-title.lux-mobile {
|
|
802
881
|
font-size: 16px;
|
|
@@ -934,7 +1013,7 @@ lux-tile-ac .mat-card.lux-tile-ac .lux-tile-icon lux-icon mat-icon.lux-lx-icon-n
|
|
|
934
1013
|
}
|
|
935
1014
|
lux-tile-ac .mat-card.lux-tile-ac .lux-tile-header-titel-ac mat-card-title {
|
|
936
1015
|
color: #003366;
|
|
937
|
-
font-family: Korb, Roboto, Helvetica Neue, sans-serif,
|
|
1016
|
+
font-family: Korb, Roboto, Helvetica Neue, sans-serif, Roboto, Helvetica Neue, sans-serif;
|
|
938
1017
|
font-size: 20px;
|
|
939
1018
|
margin-bottom: 8px;
|
|
940
1019
|
}
|
|
@@ -4188,8 +4267,7 @@ lux-form-control-wrapper .lux-form-control-wrapper .lux-input-row-authentic .lux
|
|
|
4188
4267
|
height: 1em;
|
|
4189
4268
|
}
|
|
4190
4269
|
lux-form-control-wrapper .lux-form-control-wrapper:hover:not(.lux-form-control-disabled-authentic):not(.lux-focused-authentic):not(.lux-form-control-error-authentic) .lux-form-control-container-authentic:not(.lux-no-input-row) {
|
|
4191
|
-
border-color:
|
|
4192
|
-
box-shadow: 0 0 0 1px black inset;
|
|
4270
|
+
border-color: #003366;
|
|
4193
4271
|
}
|
|
4194
4272
|
lux-form-control-wrapper .lux-form-control-wrapper.lux-focused-authentic .lux-form-control-label-authentic > * {
|
|
4195
4273
|
color: #26527d;
|
|
@@ -4230,16 +4308,19 @@ lux-form-control-wrapper select:-webkit-autofill:focus {
|
|
|
4230
4308
|
/*
|
|
4231
4309
|
* Theming for LUX-Select
|
|
4232
4310
|
*/
|
|
4233
|
-
lux-select-ac mat-select,
|
|
4234
|
-
|
|
4311
|
+
lux-select-ac mat-select,
|
|
4312
|
+
lux-lookup-combobox-ac mat-select {
|
|
4313
|
+
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
4235
4314
|
height: calc(1.5em - 1px) !important;
|
|
4236
4315
|
}
|
|
4237
|
-
lux-select-ac mat-select .mat-select-arrow-wrapper,
|
|
4316
|
+
lux-select-ac mat-select .mat-select-arrow-wrapper,
|
|
4317
|
+
lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper {
|
|
4238
4318
|
margin-left: 2px;
|
|
4239
4319
|
height: 24px;
|
|
4240
4320
|
width: 24px;
|
|
4241
4321
|
}
|
|
4242
|
-
lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow,
|
|
4322
|
+
lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow,
|
|
4323
|
+
lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow {
|
|
4243
4324
|
border: none;
|
|
4244
4325
|
width: 100%;
|
|
4245
4326
|
height: 100%;
|
|
@@ -4254,10 +4335,12 @@ lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow, lux-lookup
|
|
|
4254
4335
|
mask-position: center;
|
|
4255
4336
|
mask-size: cover;
|
|
4256
4337
|
}
|
|
4257
|
-
lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow,
|
|
4338
|
+
lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow,
|
|
4339
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
|
|
4258
4340
|
background-color: #636D76;
|
|
4259
4341
|
}
|
|
4260
|
-
lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow,
|
|
4342
|
+
lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow,
|
|
4343
|
+
lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
|
|
4261
4344
|
background-color: #003366;
|
|
4262
4345
|
}
|
|
4263
4346
|
|
|
@@ -4267,7 +4350,7 @@ lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-comb
|
|
|
4267
4350
|
}
|
|
4268
4351
|
|
|
4269
4352
|
.cdk-overlay-pane .mat-option {
|
|
4270
|
-
font-family:
|
|
4353
|
+
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
4271
4354
|
}
|
|
4272
4355
|
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
|
|
4273
4356
|
.cdk-overlay-pane .mat-select-panel.lux-select-panel-ac,
|
|
@@ -4284,7 +4367,7 @@ lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-comb
|
|
|
4284
4367
|
.cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac {
|
|
4285
4368
|
min-width: calc(100% + 14px) !important;
|
|
4286
4369
|
max-width: calc(100% + 14px) !important;
|
|
4287
|
-
margin: 13px -9px;
|
|
4370
|
+
margin: 13px -9px 0px;
|
|
4288
4371
|
border: 2px solid #003366;
|
|
4289
4372
|
border-radius: 4px;
|
|
4290
4373
|
box-shadow: none !important;
|
|
@@ -4294,7 +4377,7 @@ lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-comb
|
|
|
4294
4377
|
* Theming für Lux-Checkbox
|
|
4295
4378
|
*/
|
|
4296
4379
|
lux-checkbox-ac label {
|
|
4297
|
-
font-family:
|
|
4380
|
+
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
4298
4381
|
font-size: 15px;
|
|
4299
4382
|
color: #003366;
|
|
4300
4383
|
cursor: pointer;
|
|
@@ -4310,7 +4393,10 @@ lux-checkbox-ac .mat-checkbox-ripple {
|
|
|
4310
4393
|
lux-checkbox-ac .mat-checkbox-inner-container {
|
|
4311
4394
|
width: 1.25em;
|
|
4312
4395
|
height: 1.25em;
|
|
4313
|
-
margin-top:
|
|
4396
|
+
margin-top: 0.125em;
|
|
4397
|
+
}
|
|
4398
|
+
lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
|
|
4399
|
+
border-color: #003366;
|
|
4314
4400
|
}
|
|
4315
4401
|
lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
|
|
4316
4402
|
border-color: #003366;
|
|
@@ -4322,22 +4408,28 @@ lux-checkbox-ac .mat-checkbox-disabled .mat-checkbox-inner-container .mat-checkb
|
|
|
4322
4408
|
border-color: #636D76;
|
|
4323
4409
|
}
|
|
4324
4410
|
|
|
4325
|
-
lux-datepicker-ac mat-datepicker-toggle,
|
|
4411
|
+
lux-datepicker-ac mat-datepicker-toggle,
|
|
4412
|
+
lux-datetimepicker-ac mat-datepicker-toggle {
|
|
4326
4413
|
height: 24px !important;
|
|
4327
4414
|
width: 24px !important;
|
|
4328
4415
|
}
|
|
4329
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button,
|
|
4416
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button,
|
|
4417
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button {
|
|
4330
4418
|
height: 24px !important;
|
|
4331
4419
|
width: 24px !important;
|
|
4332
4420
|
line-height: 1.5;
|
|
4333
4421
|
font-size: inherit;
|
|
4334
4422
|
}
|
|
4335
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4423
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4424
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon,
|
|
4425
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
4426
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon {
|
|
4336
4427
|
height: 24px !important;
|
|
4337
4428
|
width: 24px !important;
|
|
4338
4429
|
padding: 0px !important;
|
|
4339
4430
|
}
|
|
4340
|
-
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg,
|
|
4431
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg,
|
|
4432
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg {
|
|
4341
4433
|
color: #636D76;
|
|
4342
4434
|
}
|
|
4343
4435
|
|
|
@@ -4358,7 +4450,10 @@ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg
|
|
|
4358
4450
|
*/
|
|
4359
4451
|
lux-toggle-ac .mat-slide-toggle label {
|
|
4360
4452
|
color: #003366;
|
|
4361
|
-
font-family:
|
|
4453
|
+
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
4454
|
+
}
|
|
4455
|
+
lux-toggle-ac .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
|
|
4456
|
+
background-color: #e0e7ed;
|
|
4362
4457
|
}
|
|
4363
4458
|
lux-toggle-ac .mat-slide-toggle .mat-slide-toggle-thumb {
|
|
4364
4459
|
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);
|
|
@@ -4382,9 +4477,12 @@ lux-toggle-ac .mat-slide-toggle.mat-disabled:not(.mat-checked) .mat-slide-toggle
|
|
|
4382
4477
|
lux-radio-ac .mat-radio-container {
|
|
4383
4478
|
border-radius: 50%;
|
|
4384
4479
|
}
|
|
4480
|
+
lux-radio-ac .mat-radio-container span.mat-radio-outer-circle {
|
|
4481
|
+
border-color: #003366;
|
|
4482
|
+
}
|
|
4385
4483
|
lux-radio-ac .mat-radio-label {
|
|
4386
4484
|
color: #003366;
|
|
4387
|
-
font-family:
|
|
4485
|
+
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
4388
4486
|
}
|
|
4389
4487
|
lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container span.mat-radio-inner-circle {
|
|
4390
4488
|
background-color: #636D76;
|
|
@@ -4392,6 +4490,9 @@ lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container sp
|
|
|
4392
4490
|
lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container span.mat-radio-outer-circle {
|
|
4393
4491
|
border-color: #636D76;
|
|
4394
4492
|
}
|
|
4493
|
+
lux-radio-ac .mat-radio-group.lux-horizontal {
|
|
4494
|
+
row-gap: 0.75em;
|
|
4495
|
+
}
|
|
4395
4496
|
lux-radio-ac .mat-radio-disabled label.mat-radio-label .mat-radio-label-content {
|
|
4396
4497
|
color: #636D76;
|
|
4397
4498
|
}
|
|
@@ -4405,7 +4506,8 @@ lux-radio-ac .mat-radio-disabled label.mat-radio-label .mat-radio-container span
|
|
|
4405
4506
|
/*
|
|
4406
4507
|
* Theming for LUX-Input/LUX-Textarea
|
|
4407
4508
|
*/
|
|
4408
|
-
input,
|
|
4509
|
+
input,
|
|
4510
|
+
input.mat-input-element,
|
|
4409
4511
|
textarea {
|
|
4410
4512
|
font: inherit;
|
|
4411
4513
|
background: 0 0;
|
|
@@ -4808,7 +4910,7 @@ lux-card .lux-card-content-container mat-tab-group.lux-tab-group .lux-tabs-notif
|
|
|
4808
4910
|
lux-card .lux-card-content-container {
|
|
4809
4911
|
overflow-x: hidden;
|
|
4810
4912
|
padding: 6px;
|
|
4811
|
-
font-family:
|
|
4913
|
+
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
4812
4914
|
}
|
|
4813
4915
|
lux-card .lux-card-content-container > * {
|
|
4814
4916
|
margin-bottom: 0;
|
|
@@ -8710,11 +8812,18 @@ body {
|
|
|
8710
8812
|
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
8711
8813
|
}
|
|
8712
8814
|
|
|
8713
|
-
p,
|
|
8815
|
+
p,
|
|
8816
|
+
div,
|
|
8817
|
+
span {
|
|
8714
8818
|
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
8715
8819
|
}
|
|
8716
8820
|
|
|
8717
|
-
h1,
|
|
8821
|
+
h1,
|
|
8822
|
+
h2,
|
|
8823
|
+
h3,
|
|
8824
|
+
h4,
|
|
8825
|
+
h5,
|
|
8826
|
+
h6 {
|
|
8718
8827
|
font-family: Korb, Roboto, Helvetica Neue, sans-serif;
|
|
8719
8828
|
}
|
|
8720
8829
|
|
|
@@ -8722,7 +8831,9 @@ lux-card .mat-card {
|
|
|
8722
8831
|
color: #003366;
|
|
8723
8832
|
}
|
|
8724
8833
|
|
|
8725
|
-
lux-panel .mat-expansion-panel,
|
|
8834
|
+
lux-panel .mat-expansion-panel,
|
|
8835
|
+
lux-panel .mat-expansion-panel-header-title,
|
|
8836
|
+
lux-panel .mat-expansion-panel-header-description {
|
|
8726
8837
|
color: #003366;
|
|
8727
8838
|
}
|
|
8728
8839
|
|
|
@@ -8764,13 +8875,16 @@ lux-app-header .lux-app-header .lux-header-user .lux-header-user-short > span {
|
|
|
8764
8875
|
color: #003366;
|
|
8765
8876
|
background-color: #ffffff;
|
|
8766
8877
|
}
|
|
8767
|
-
lux-app-header .lux-side-nav-header,
|
|
8878
|
+
lux-app-header .lux-side-nav-header,
|
|
8879
|
+
lux-app-header .lux-side-nav-footer {
|
|
8768
8880
|
color: #0846ff;
|
|
8769
8881
|
}
|
|
8770
8882
|
lux-app-header .lux-header-side-nav .lux-side-nav-trigger-active {
|
|
8771
8883
|
background-color: rgba(0, 0, 0, 0.12);
|
|
8772
8884
|
}
|
|
8773
|
-
lux-app-header .lux-side-nav .lux-side-nav-content lux-button,
|
|
8885
|
+
lux-app-header .lux-side-nav .lux-side-nav-content lux-button,
|
|
8886
|
+
lux-app-header .lux-side-nav .lux-side-nav-content .lux-menu-item,
|
|
8887
|
+
lux-app-header .lux-side-nav .lux-side-nav-content .lux-action-nav-menu lux-button {
|
|
8774
8888
|
color: #003366;
|
|
8775
8889
|
}
|
|
8776
8890
|
|
|
@@ -8834,7 +8948,8 @@ lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover {
|
|
|
8834
8948
|
background-color: #e3ebf5 !important;
|
|
8835
8949
|
border-radius: 4px;
|
|
8836
8950
|
}
|
|
8837
|
-
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon,
|
|
8951
|
+
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon,
|
|
8952
|
+
lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover .lux-header-username {
|
|
8838
8953
|
color: #003366 !important;
|
|
8839
8954
|
}
|
|
8840
8955
|
lux-app-header .lux-menu-trigger-default .mat-button-wrapper {
|
|
@@ -8864,9 +8979,6 @@ lux-button button.lux-button.lux-icon-button {
|
|
|
8864
8979
|
border-radius: 18px;
|
|
8865
8980
|
height: 45px;
|
|
8866
8981
|
}
|
|
8867
|
-
lux-button button.lux-button.lux-icon-button lux-icon:not(.lux-button-icon-round) {
|
|
8868
|
-
line-height: 0.5;
|
|
8869
|
-
}
|
|
8870
8982
|
lux-button button.lux-button.lux-icon-button lux-icon:not(.lux-button-icon-round) i.lux-fa-icon {
|
|
8871
8983
|
font-size: 1em !important;
|
|
8872
8984
|
}
|
|
@@ -8878,7 +8990,6 @@ lux-button button.lux-button.lux-icon-button lux-icon:not(.lux-button-icon-round
|
|
|
8878
8990
|
}
|
|
8879
8991
|
lux-button button.lux-button.lux-icon-button mat-icon.mat-icon.lux-lx-icon:not(.lux-fa-icon, .lux-material-icon),
|
|
8880
8992
|
lux-button button.lux-button.lux-icon-button mat-icon.mat-icon.lux-lx-icon-no-size:not(.lux-fa-icon, .lux-material-icon) {
|
|
8881
|
-
line-height: 0.5;
|
|
8882
8993
|
height: 22px;
|
|
8883
8994
|
width: 22px;
|
|
8884
8995
|
}
|
|
@@ -8940,7 +9051,7 @@ lux-tile .lux-tile-label {
|
|
|
8940
9051
|
}
|
|
8941
9052
|
|
|
8942
9053
|
lux-tile .lux-highlight:hover {
|
|
8943
|
-
color: #
|
|
9054
|
+
color: #56bd66;
|
|
8944
9055
|
}
|
|
8945
9056
|
lux-tile mat-card[class~=lux-cursor]:focus {
|
|
8946
9057
|
outline: 1px dotted #000000 !important;
|
|
@@ -8963,13 +9074,26 @@ lux-tile mat-card[class~=lux-cursor]:hover h2 {
|
|
|
8963
9074
|
/*
|
|
8964
9075
|
* Theming for LUX-Form-Controls
|
|
8965
9076
|
*/
|
|
8966
|
-
lux-checkbox .lux-form-control .lux-form-control-label,
|
|
9077
|
+
lux-checkbox .lux-form-control .lux-form-control-label,
|
|
9078
|
+
lux-toggle .lux-form-control .lux-form-control-label,
|
|
9079
|
+
lux-radio .lux-form-control .lux-form-control-label,
|
|
9080
|
+
lux-slider .lux-form-control .lux-form-control-label {
|
|
8967
9081
|
padding-bottom: 4px;
|
|
8968
9082
|
}
|
|
8969
|
-
lux-checkbox .lux-form-control .lux-form-control-container,
|
|
9083
|
+
lux-checkbox .lux-form-control .lux-form-control-container,
|
|
9084
|
+
lux-toggle .lux-form-control .lux-form-control-container,
|
|
9085
|
+
lux-radio .lux-form-control .lux-form-control-container,
|
|
9086
|
+
lux-slider .lux-form-control .lux-form-control-container {
|
|
8970
9087
|
padding: 10px 0px;
|
|
8971
9088
|
}
|
|
8972
|
-
lux-checkbox .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *,
|
|
9089
|
+
lux-checkbox .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *,
|
|
9090
|
+
lux-checkbox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9091
|
+
lux-toggle .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *,
|
|
9092
|
+
lux-toggle .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9093
|
+
lux-radio .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *,
|
|
9094
|
+
lux-radio .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9095
|
+
lux-slider .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *,
|
|
9096
|
+
lux-slider .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > * {
|
|
8973
9097
|
color: #003366;
|
|
8974
9098
|
}
|
|
8975
9099
|
|
|
@@ -8977,56 +9101,211 @@ lux-checkbox .lux-form-control:not(.lux-form-control-disabled) .lux-form-control
|
|
|
8977
9101
|
color: #003366;
|
|
8978
9102
|
}
|
|
8979
9103
|
|
|
8980
|
-
lux-input .lux-form-control .lux-form-control-label,
|
|
9104
|
+
lux-input .lux-form-control .lux-form-control-label,
|
|
9105
|
+
lux-select .lux-form-control .lux-form-control-label,
|
|
9106
|
+
lux-file-input .lux-form-control .lux-form-control-label,
|
|
9107
|
+
lux-textarea .lux-form-control .lux-form-control-label,
|
|
9108
|
+
lux-autocomplete .lux-form-control .lux-form-control-label,
|
|
9109
|
+
lux-datepicker .lux-form-control .lux-form-control-label,
|
|
9110
|
+
lux-datetimepicker .lux-form-control .lux-form-control-label,
|
|
9111
|
+
lux-chips .lux-form-control .lux-form-control-label,
|
|
9112
|
+
lux-lookup-autocomplete .lux-form-control .lux-form-control-label,
|
|
9113
|
+
lux-lookup-combobox .lux-form-control .lux-form-control-label {
|
|
8981
9114
|
padding-bottom: 4px;
|
|
8982
9115
|
}
|
|
8983
|
-
lux-input .lux-form-control .lux-form-control-container,
|
|
9116
|
+
lux-input .lux-form-control .lux-form-control-container,
|
|
9117
|
+
lux-select .lux-form-control .lux-form-control-container,
|
|
9118
|
+
lux-file-input .lux-form-control .lux-form-control-container,
|
|
9119
|
+
lux-textarea .lux-form-control .lux-form-control-container,
|
|
9120
|
+
lux-autocomplete .lux-form-control .lux-form-control-container,
|
|
9121
|
+
lux-datepicker .lux-form-control .lux-form-control-container,
|
|
9122
|
+
lux-datetimepicker .lux-form-control .lux-form-control-container,
|
|
9123
|
+
lux-chips .lux-form-control .lux-form-control-container,
|
|
9124
|
+
lux-lookup-autocomplete .lux-form-control .lux-form-control-container,
|
|
9125
|
+
lux-lookup-combobox .lux-form-control .lux-form-control-container {
|
|
8984
9126
|
border: 1px solid rgba(0, 0, 0, 0.42);
|
|
8985
9127
|
border-radius: 4px;
|
|
8986
9128
|
padding: 10px 5px 10px 5px;
|
|
8987
9129
|
}
|
|
8988
|
-
lux-input .lux-form-control .lux-form-control-container:after,
|
|
9130
|
+
lux-input .lux-form-control .lux-form-control-container:after,
|
|
9131
|
+
lux-select .lux-form-control .lux-form-control-container:after,
|
|
9132
|
+
lux-file-input .lux-form-control .lux-form-control-container:after,
|
|
9133
|
+
lux-textarea .lux-form-control .lux-form-control-container:after,
|
|
9134
|
+
lux-autocomplete .lux-form-control .lux-form-control-container:after,
|
|
9135
|
+
lux-datepicker .lux-form-control .lux-form-control-container:after,
|
|
9136
|
+
lux-datetimepicker .lux-form-control .lux-form-control-container:after,
|
|
9137
|
+
lux-chips .lux-form-control .lux-form-control-container:after,
|
|
9138
|
+
lux-lookup-autocomplete .lux-form-control .lux-form-control-container:after,
|
|
9139
|
+
lux-lookup-combobox .lux-form-control .lux-form-control-container:after {
|
|
8989
9140
|
border-bottom: 0px;
|
|
8990
9141
|
}
|
|
8991
|
-
lux-input .lux-form-control .lux-label,
|
|
9142
|
+
lux-input .lux-form-control .lux-label,
|
|
9143
|
+
lux-input .lux-form-control mat-hint,
|
|
9144
|
+
lux-input .lux-form-control mat-error,
|
|
9145
|
+
lux-select .lux-form-control .lux-label,
|
|
9146
|
+
lux-select .lux-form-control mat-hint,
|
|
9147
|
+
lux-select .lux-form-control mat-error,
|
|
9148
|
+
lux-file-input .lux-form-control .lux-label,
|
|
9149
|
+
lux-file-input .lux-form-control mat-hint,
|
|
9150
|
+
lux-file-input .lux-form-control mat-error,
|
|
9151
|
+
lux-textarea .lux-form-control .lux-label,
|
|
9152
|
+
lux-textarea .lux-form-control mat-hint,
|
|
9153
|
+
lux-textarea .lux-form-control mat-error,
|
|
9154
|
+
lux-autocomplete .lux-form-control .lux-label,
|
|
9155
|
+
lux-autocomplete .lux-form-control mat-hint,
|
|
9156
|
+
lux-autocomplete .lux-form-control mat-error,
|
|
9157
|
+
lux-datepicker .lux-form-control .lux-label,
|
|
9158
|
+
lux-datepicker .lux-form-control mat-hint,
|
|
9159
|
+
lux-datepicker .lux-form-control mat-error,
|
|
9160
|
+
lux-datetimepicker .lux-form-control .lux-label,
|
|
9161
|
+
lux-datetimepicker .lux-form-control mat-hint,
|
|
9162
|
+
lux-datetimepicker .lux-form-control mat-error,
|
|
9163
|
+
lux-chips .lux-form-control .lux-label,
|
|
9164
|
+
lux-chips .lux-form-control mat-hint,
|
|
9165
|
+
lux-chips .lux-form-control mat-error,
|
|
9166
|
+
lux-lookup-autocomplete .lux-form-control .lux-label,
|
|
9167
|
+
lux-lookup-autocomplete .lux-form-control mat-hint,
|
|
9168
|
+
lux-lookup-autocomplete .lux-form-control mat-error,
|
|
9169
|
+
lux-lookup-combobox .lux-form-control .lux-label,
|
|
9170
|
+
lux-lookup-combobox .lux-form-control mat-hint,
|
|
9171
|
+
lux-lookup-combobox .lux-form-control mat-error {
|
|
8992
9172
|
color: #003366;
|
|
8993
9173
|
}
|
|
8994
|
-
lux-input .lux-form-control-error .lux-form-control-label > *,
|
|
9174
|
+
lux-input .lux-form-control-error .lux-form-control-label > *,
|
|
9175
|
+
lux-select .lux-form-control-error .lux-form-control-label > *,
|
|
9176
|
+
lux-file-input .lux-form-control-error .lux-form-control-label > *,
|
|
9177
|
+
lux-textarea .lux-form-control-error .lux-form-control-label > *,
|
|
9178
|
+
lux-autocomplete .lux-form-control-error .lux-form-control-label > *,
|
|
9179
|
+
lux-datepicker .lux-form-control-error .lux-form-control-label > *,
|
|
9180
|
+
lux-datetimepicker .lux-form-control-error .lux-form-control-label > *,
|
|
9181
|
+
lux-chips .lux-form-control-error .lux-form-control-label > *,
|
|
9182
|
+
lux-lookup-autocomplete .lux-form-control-error .lux-form-control-label > *,
|
|
9183
|
+
lux-lookup-combobox .lux-form-control-error .lux-form-control-label > * {
|
|
8995
9184
|
color: #ea515a !important;
|
|
8996
9185
|
}
|
|
8997
|
-
lux-input .lux-form-control-error .lux-form-control-container,
|
|
9186
|
+
lux-input .lux-form-control-error .lux-form-control-container,
|
|
9187
|
+
lux-select .lux-form-control-error .lux-form-control-container,
|
|
9188
|
+
lux-file-input .lux-form-control-error .lux-form-control-container,
|
|
9189
|
+
lux-textarea .lux-form-control-error .lux-form-control-container,
|
|
9190
|
+
lux-autocomplete .lux-form-control-error .lux-form-control-container,
|
|
9191
|
+
lux-datepicker .lux-form-control-error .lux-form-control-container,
|
|
9192
|
+
lux-datetimepicker .lux-form-control-error .lux-form-control-container,
|
|
9193
|
+
lux-chips .lux-form-control-error .lux-form-control-container,
|
|
9194
|
+
lux-lookup-autocomplete .lux-form-control-error .lux-form-control-container,
|
|
9195
|
+
lux-lookup-combobox .lux-form-control-error .lux-form-control-container {
|
|
8998
9196
|
border-color: #2E8533 !important;
|
|
8999
9197
|
box-shadow: 0 0 0 2px #ea515a, 0 0 4px 2px #ea515a;
|
|
9000
9198
|
}
|
|
9001
|
-
lux-input .lux-form-control-error .lux-form-control-container:after,
|
|
9199
|
+
lux-input .lux-form-control-error .lux-form-control-container:after,
|
|
9200
|
+
lux-select .lux-form-control-error .lux-form-control-container:after,
|
|
9201
|
+
lux-file-input .lux-form-control-error .lux-form-control-container:after,
|
|
9202
|
+
lux-textarea .lux-form-control-error .lux-form-control-container:after,
|
|
9203
|
+
lux-autocomplete .lux-form-control-error .lux-form-control-container:after,
|
|
9204
|
+
lux-datepicker .lux-form-control-error .lux-form-control-container:after,
|
|
9205
|
+
lux-datetimepicker .lux-form-control-error .lux-form-control-container:after,
|
|
9206
|
+
lux-chips .lux-form-control-error .lux-form-control-container:after,
|
|
9207
|
+
lux-lookup-autocomplete .lux-form-control-error .lux-form-control-container:after,
|
|
9208
|
+
lux-lookup-combobox .lux-form-control-error .lux-form-control-container:after {
|
|
9002
9209
|
border-bottom: 0px;
|
|
9003
9210
|
}
|
|
9004
|
-
lux-input .lux-form-control-error .lux-form-control-misc > *,
|
|
9211
|
+
lux-input .lux-form-control-error .lux-form-control-misc > *,
|
|
9212
|
+
lux-select .lux-form-control-error .lux-form-control-misc > *,
|
|
9213
|
+
lux-file-input .lux-form-control-error .lux-form-control-misc > *,
|
|
9214
|
+
lux-textarea .lux-form-control-error .lux-form-control-misc > *,
|
|
9215
|
+
lux-autocomplete .lux-form-control-error .lux-form-control-misc > *,
|
|
9216
|
+
lux-datepicker .lux-form-control-error .lux-form-control-misc > *,
|
|
9217
|
+
lux-datetimepicker .lux-form-control-error .lux-form-control-misc > *,
|
|
9218
|
+
lux-chips .lux-form-control-error .lux-form-control-misc > *,
|
|
9219
|
+
lux-lookup-autocomplete .lux-form-control-error .lux-form-control-misc > *,
|
|
9220
|
+
lux-lookup-combobox .lux-form-control-error .lux-form-control-misc > * {
|
|
9005
9221
|
color: #ea515a !important;
|
|
9006
9222
|
}
|
|
9007
|
-
lux-input .lux-form-control-disabled .lux-form-control-container,
|
|
9223
|
+
lux-input .lux-form-control-disabled .lux-form-control-container,
|
|
9224
|
+
lux-select .lux-form-control-disabled .lux-form-control-container,
|
|
9225
|
+
lux-file-input .lux-form-control-disabled .lux-form-control-container,
|
|
9226
|
+
lux-textarea .lux-form-control-disabled .lux-form-control-container,
|
|
9227
|
+
lux-autocomplete .lux-form-control-disabled .lux-form-control-container,
|
|
9228
|
+
lux-datepicker .lux-form-control-disabled .lux-form-control-container,
|
|
9229
|
+
lux-datetimepicker .lux-form-control-disabled .lux-form-control-container,
|
|
9230
|
+
lux-chips .lux-form-control-disabled .lux-form-control-container,
|
|
9231
|
+
lux-lookup-autocomplete .lux-form-control-disabled .lux-form-control-container,
|
|
9232
|
+
lux-lookup-combobox .lux-form-control-disabled .lux-form-control-container {
|
|
9008
9233
|
color: #636D76 !important;
|
|
9009
9234
|
border: 1px dashed #636D76 !important;
|
|
9010
9235
|
border-radius: 4px;
|
|
9011
9236
|
padding: 10px 5px 10px 5px;
|
|
9012
9237
|
}
|
|
9013
|
-
lux-input .lux-form-control-disabled .lux-form-control-container:after,
|
|
9238
|
+
lux-input .lux-form-control-disabled .lux-form-control-container:after,
|
|
9239
|
+
lux-select .lux-form-control-disabled .lux-form-control-container:after,
|
|
9240
|
+
lux-file-input .lux-form-control-disabled .lux-form-control-container:after,
|
|
9241
|
+
lux-textarea .lux-form-control-disabled .lux-form-control-container:after,
|
|
9242
|
+
lux-autocomplete .lux-form-control-disabled .lux-form-control-container:after,
|
|
9243
|
+
lux-datepicker .lux-form-control-disabled .lux-form-control-container:after,
|
|
9244
|
+
lux-datetimepicker .lux-form-control-disabled .lux-form-control-container:after,
|
|
9245
|
+
lux-chips .lux-form-control-disabled .lux-form-control-container:after,
|
|
9246
|
+
lux-lookup-autocomplete .lux-form-control-disabled .lux-form-control-container:after,
|
|
9247
|
+
lux-lookup-combobox .lux-form-control-disabled .lux-form-control-container:after {
|
|
9014
9248
|
border-bottom: 0px;
|
|
9015
9249
|
}
|
|
9016
|
-
lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9250
|
+
lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9251
|
+
lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9252
|
+
lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9253
|
+
lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9254
|
+
lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9255
|
+
lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9256
|
+
lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9257
|
+
lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9258
|
+
lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
|
|
9259
|
+
lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > * {
|
|
9017
9260
|
color: #003366;
|
|
9018
9261
|
}
|
|
9019
|
-
lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
|
|
9262
|
+
lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
|
|
9263
|
+
lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
|
|
9264
|
+
lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
|
|
9265
|
+
lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
|
|
9266
|
+
lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
|
|
9267
|
+
lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
|
|
9268
|
+
lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
|
|
9269
|
+
lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
|
|
9270
|
+
lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
|
|
9271
|
+
lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container {
|
|
9020
9272
|
box-shadow: 0 0 0 2px #2E8533, 0 0 4px 2px #2E8533;
|
|
9021
9273
|
}
|
|
9022
|
-
lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
|
|
9274
|
+
lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
|
|
9275
|
+
lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
|
|
9276
|
+
lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
|
|
9277
|
+
lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
|
|
9278
|
+
lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
|
|
9279
|
+
lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
|
|
9280
|
+
lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
|
|
9281
|
+
lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
|
|
9282
|
+
lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
|
|
9283
|
+
lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after {
|
|
9023
9284
|
border-bottom: 0px !important;
|
|
9024
9285
|
}
|
|
9025
|
-
lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
|
|
9286
|
+
lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
|
|
9287
|
+
lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
|
|
9288
|
+
lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
|
|
9289
|
+
lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
|
|
9290
|
+
lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
|
|
9291
|
+
lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
|
|
9292
|
+
lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
|
|
9293
|
+
lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
|
|
9294
|
+
lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
|
|
9295
|
+
lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container {
|
|
9026
9296
|
border-color: #ea515a !important;
|
|
9027
9297
|
box-shadow: 0 0 0 2px #ea515a, 0 0 4px 2px #ea515a;
|
|
9028
9298
|
}
|
|
9029
|
-
lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
|
|
9299
|
+
lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
|
|
9300
|
+
lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
|
|
9301
|
+
lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
|
|
9302
|
+
lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
|
|
9303
|
+
lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
|
|
9304
|
+
lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
|
|
9305
|
+
lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
|
|
9306
|
+
lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
|
|
9307
|
+
lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
|
|
9308
|
+
lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after {
|
|
9030
9309
|
border-bottom: 0px !important;
|
|
9031
9310
|
}
|
|
9032
9311
|
|
|
@@ -9041,15 +9320,31 @@ lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form
|
|
|
9041
9320
|
}
|
|
9042
9321
|
|
|
9043
9322
|
lux-file-input lux-button.lux-menu-item button lux-icon,
|
|
9044
|
-
lux-file-input lux-button.lux-menu-trigger-default button lux-icon,
|
|
9323
|
+
lux-file-input lux-button.lux-menu-trigger-default button lux-icon,
|
|
9324
|
+
lux-file-input-ac lux-button.lux-menu-item button lux-icon,
|
|
9045
9325
|
lux-file-input-ac lux-button.lux-menu-trigger-default button lux-icon {
|
|
9046
9326
|
display: inline;
|
|
9047
9327
|
}
|
|
9328
|
+
lux-file-input lux-button.lux-menu-item button lux-icon mat-icon,
|
|
9329
|
+
lux-file-input lux-button.lux-menu-trigger-default button lux-icon mat-icon,
|
|
9330
|
+
lux-file-input-ac lux-button.lux-menu-item button lux-icon mat-icon,
|
|
9331
|
+
lux-file-input-ac lux-button.lux-menu-trigger-default button lux-icon mat-icon {
|
|
9332
|
+
vertical-align: unset;
|
|
9333
|
+
}
|
|
9048
9334
|
|
|
9049
9335
|
/*
|
|
9050
9336
|
* Theming für LUX-Layout-Form-Row
|
|
9051
9337
|
*/
|
|
9052
|
-
lux-layout-form-row lux-input .lux-form-control,
|
|
9338
|
+
lux-layout-form-row lux-input .lux-form-control,
|
|
9339
|
+
lux-layout-form-row lux-select .lux-form-control,
|
|
9340
|
+
lux-layout-form-row lux-file-input .lux-form-control,
|
|
9341
|
+
lux-layout-form-row lux-textarea .lux-form-control,
|
|
9342
|
+
lux-layout-form-row lux-autocomplete .lux-form-control,
|
|
9343
|
+
lux-layout-form-row lux-datepicker .lux-form-control,
|
|
9344
|
+
lux-layout-form-row lux-datetimepicker .lux-form-control,
|
|
9345
|
+
lux-layout-form-row lux-chips .lux-form-control,
|
|
9346
|
+
lux-layout-form-row lux-lookup-autocomplete .lux-form-control,
|
|
9347
|
+
lux-layout-form-row lux-lookup-combobox .lux-form-control {
|
|
9053
9348
|
margin-right: 0px;
|
|
9054
9349
|
margin-left: 0px;
|
|
9055
9350
|
}
|
|
@@ -9080,10 +9375,10 @@ lux-table table.mat-table.cdk-table.mat-sort.lux-multiselect-table {
|
|
|
9080
9375
|
border-spacing: 0px 0px !important;
|
|
9081
9376
|
}
|
|
9082
9377
|
lux-table .mat-header-row:not(.lux-table-header-no-data) {
|
|
9083
|
-
background-color: #
|
|
9378
|
+
background-color: #e4f1e4;
|
|
9084
9379
|
}
|
|
9085
9380
|
lux-table .mat-row:nth-child(even) {
|
|
9086
|
-
background-color: #
|
|
9381
|
+
background-color: #eff3f6;
|
|
9087
9382
|
}
|
|
9088
9383
|
lux-table .mat-row:nth-child(odd) {
|
|
9089
9384
|
background-color: #ffffff;
|
|
@@ -9169,17 +9464,21 @@ lux-radio .mat-radio-button .mat-radio-ripple {
|
|
|
9169
9464
|
justify-content: space-between;
|
|
9170
9465
|
padding: 10px 10px 18px 10px;
|
|
9171
9466
|
}
|
|
9172
|
-
.lux-datepicker-custom-header-component button,
|
|
9467
|
+
.lux-datepicker-custom-header-component button,
|
|
9468
|
+
.lux-datepicker-custom-header-component .mat-icon-button {
|
|
9173
9469
|
font-size: 18px;
|
|
9174
9470
|
color: #003366;
|
|
9175
9471
|
}
|
|
9176
|
-
.lux-datepicker-custom-header-component button .mat-button-focus-overlay,
|
|
9472
|
+
.lux-datepicker-custom-header-component button .mat-button-focus-overlay,
|
|
9473
|
+
.lux-datepicker-custom-header-component .mat-icon-button .mat-button-focus-overlay {
|
|
9177
9474
|
display: none;
|
|
9178
9475
|
}
|
|
9179
|
-
.lux-datepicker-custom-header-component button:focus,
|
|
9476
|
+
.lux-datepicker-custom-header-component button:focus,
|
|
9477
|
+
.lux-datepicker-custom-header-component .mat-icon-button:focus {
|
|
9180
9478
|
outline: 1px dotted #000000 !important;
|
|
9181
9479
|
}
|
|
9182
|
-
.lux-datepicker-custom-header-component button:hover,
|
|
9480
|
+
.lux-datepicker-custom-header-component button:hover,
|
|
9481
|
+
.lux-datepicker-custom-header-component .mat-icon-button:hover {
|
|
9183
9482
|
background-color: #e3ebf5 !important;
|
|
9184
9483
|
border-radius: 4px;
|
|
9185
9484
|
}
|
|
@@ -9208,17 +9507,18 @@ lux-radio .mat-radio-button .mat-radio-ripple {
|
|
|
9208
9507
|
.lux-datepicker-panel .mat-calendar-content td.mat-calendar-body-cell-container .mat-calendar-body-cell-content.mat-focus-indicator {
|
|
9209
9508
|
border-radius: 2px;
|
|
9210
9509
|
font-size: 18px;
|
|
9211
|
-
background-color: #
|
|
9510
|
+
background-color: #e3ebf5;
|
|
9212
9511
|
color: #003366;
|
|
9213
9512
|
}
|
|
9214
9513
|
.lux-datepicker-panel .mat-calendar-content td.mat-calendar-body-cell-container .mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-selected {
|
|
9215
9514
|
background-color: #003366;
|
|
9216
|
-
color: #
|
|
9515
|
+
color: #e3ebf5;
|
|
9217
9516
|
}
|
|
9218
9517
|
.lux-datepicker-panel .mat-calendar-content .mat-calendar-body-label:not(:last-of-type) {
|
|
9219
9518
|
visibility: hidden;
|
|
9220
9519
|
}
|
|
9221
|
-
.lux-datepicker-panel .mat-calendar-content .mat-calendar-body-label:last-of-type,
|
|
9520
|
+
.lux-datepicker-panel .mat-calendar-content .mat-calendar-body-label:last-of-type,
|
|
9521
|
+
.lux-datepicker-panel .mat-calendar-content th.mat-calendar-table-header-divider {
|
|
9222
9522
|
display: none;
|
|
9223
9523
|
}
|
|
9224
9524
|
|
|
@@ -9246,17 +9546,18 @@ lux-radio .mat-radio-button .mat-radio-ripple {
|
|
|
9246
9546
|
.lux-datetime-overlay-content .mat-calendar-content td.mat-calendar-body-cell-container .mat-calendar-body-cell-content.mat-focus-indicator {
|
|
9247
9547
|
border-radius: 2px;
|
|
9248
9548
|
font-size: 18px;
|
|
9249
|
-
background-color: #
|
|
9549
|
+
background-color: #e3ebf5;
|
|
9250
9550
|
color: #003366;
|
|
9251
9551
|
}
|
|
9252
9552
|
.lux-datetime-overlay-content .mat-calendar-content td.mat-calendar-body-cell-container .mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-selected {
|
|
9253
9553
|
background-color: #003366;
|
|
9254
|
-
color: #
|
|
9554
|
+
color: #e3ebf5;
|
|
9255
9555
|
}
|
|
9256
9556
|
.lux-datetime-overlay-content .mat-calendar-content .mat-calendar-body-label:not(:last-of-type) {
|
|
9257
9557
|
visibility: hidden;
|
|
9258
9558
|
}
|
|
9259
|
-
.lux-datetime-overlay-content .mat-calendar-content .mat-calendar-body-label:last-of-type,
|
|
9559
|
+
.lux-datetime-overlay-content .mat-calendar-content .mat-calendar-body-label:last-of-type,
|
|
9560
|
+
.lux-datetime-overlay-content .mat-calendar-content th.mat-calendar-table-header-divider {
|
|
9260
9561
|
display: none;
|
|
9261
9562
|
}
|
|
9262
9563
|
|
|
@@ -9293,4 +9594,206 @@ lux-filter-form lux-accordion .mat-expansion-panel-header.mat-expanded {
|
|
|
9293
9594
|
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
|
9294
9595
|
}
|
|
9295
9596
|
|
|
9597
|
+
/**
|
|
9598
|
+
* Theming für Lux-Formcontrols-AC
|
|
9599
|
+
*/
|
|
9600
|
+
lux-form-control-wrapper .lux-form-control-wrapper {
|
|
9601
|
+
margin: 2px 0px;
|
|
9602
|
+
}
|
|
9603
|
+
lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-label-authentic {
|
|
9604
|
+
margin: 0 0 4px 0;
|
|
9605
|
+
font-size: 12px;
|
|
9606
|
+
height: 15px;
|
|
9607
|
+
}
|
|
9608
|
+
lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-misc-authentic {
|
|
9609
|
+
margin: 4px 0 0 0;
|
|
9610
|
+
min-height: 17px;
|
|
9611
|
+
font-size: 12px;
|
|
9612
|
+
}
|
|
9613
|
+
lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-misc-authentic mat-hint {
|
|
9614
|
+
color: #003366;
|
|
9615
|
+
}
|
|
9616
|
+
lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic {
|
|
9617
|
+
padding: 10px 5px;
|
|
9618
|
+
line-height: 1;
|
|
9619
|
+
border-color: rgba(0, 0, 0, 0.42);
|
|
9620
|
+
}
|
|
9621
|
+
lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic .lux-input-row-authentic {
|
|
9622
|
+
min-height: unset;
|
|
9623
|
+
height: 18px;
|
|
9624
|
+
color: #003366;
|
|
9625
|
+
}
|
|
9626
|
+
lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
|
|
9627
|
+
font-size: 15px;
|
|
9628
|
+
font-family: Roboto, Helvetica Neue, sans-serif;
|
|
9629
|
+
padding: 8px 0;
|
|
9630
|
+
height: 40px;
|
|
9631
|
+
}
|
|
9632
|
+
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) {
|
|
9633
|
+
box-shadow: none;
|
|
9634
|
+
}
|
|
9635
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-focused-authentic .lux-form-control-label-authentic > * {
|
|
9636
|
+
color: #003366;
|
|
9637
|
+
}
|
|
9638
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-focused-authentic .lux-form-control-container-authentic:not(.lux-no-input-row) {
|
|
9639
|
+
border-color: #2E8533;
|
|
9640
|
+
box-shadow: 0 0 0 2px #2E8533, 0 0 4px 2px #2E8533;
|
|
9641
|
+
}
|
|
9642
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-error-authentic:not(.lux-form-control-disabled-authentic) .lux-form-control-label-authentic > * {
|
|
9643
|
+
color: #ea515a;
|
|
9644
|
+
}
|
|
9645
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-error-authentic:not(.lux-form-control-disabled-authentic) .lux-form-control-container-authentic:not(.lux-no-input-row) {
|
|
9646
|
+
border-color: #ea515a;
|
|
9647
|
+
box-shadow: 0 0 0 2px #ea515a, 0 0 4px 2px #ea515a;
|
|
9648
|
+
}
|
|
9649
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic .lux-form-control-container-authentic,
|
|
9650
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic .lux-form-control-label-authentic,
|
|
9651
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic .lux-form-control-misc-authentic > * {
|
|
9652
|
+
color: #636D76;
|
|
9653
|
+
}
|
|
9654
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic .lux-form-control-container-authentic:not(.lux-no-input-row) {
|
|
9655
|
+
border-style: dashed;
|
|
9656
|
+
border-color: #636D76;
|
|
9657
|
+
}
|
|
9658
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic .lux-form-control-container-authentic:not(.lux-no-input-row) .mat-input-element::placeholder {
|
|
9659
|
+
color: #636D76;
|
|
9660
|
+
}
|
|
9661
|
+
lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-readonly-authentic, lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic {
|
|
9662
|
+
pointer-events: none;
|
|
9663
|
+
}
|
|
9664
|
+
|
|
9665
|
+
/*
|
|
9666
|
+
* Theming für LUX-Checkbox-ac
|
|
9667
|
+
*/
|
|
9668
|
+
lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
|
|
9669
|
+
border-radius: 4px;
|
|
9670
|
+
border: 1px solid #003366;
|
|
9671
|
+
}
|
|
9672
|
+
lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-background,
|
|
9673
|
+
lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-checkmark {
|
|
9674
|
+
border-radius: 4px;
|
|
9675
|
+
}
|
|
9676
|
+
|
|
9677
|
+
/*
|
|
9678
|
+
* Theming für LUX-Radio-ac
|
|
9679
|
+
*/
|
|
9680
|
+
lux-radio-ac lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
|
|
9681
|
+
padding: 10px 0;
|
|
9682
|
+
height: auto;
|
|
9683
|
+
}
|
|
9684
|
+
lux-radio-ac .mat-radio-outer-circle {
|
|
9685
|
+
border: 1.5px solid #003366;
|
|
9686
|
+
}
|
|
9687
|
+
lux-radio-ac .mat-radio-inner-circle {
|
|
9688
|
+
border-radius: 2px;
|
|
9689
|
+
background-color: transparent !important;
|
|
9690
|
+
border-bottom: 5px solid white;
|
|
9691
|
+
border-right: 5px solid white;
|
|
9692
|
+
height: 32px;
|
|
9693
|
+
width: 14px;
|
|
9694
|
+
margin-top: -8px;
|
|
9695
|
+
margin-left: 3px;
|
|
9696
|
+
}
|
|
9697
|
+
lux-radio-ac .mat-radio-checked .mat-radio-outer-circle {
|
|
9698
|
+
background: #003366;
|
|
9699
|
+
}
|
|
9700
|
+
lux-radio-ac .mat-radio-checked.mat-radio-disabled .mat-radio-outer-circle {
|
|
9701
|
+
background: #636D76;
|
|
9702
|
+
border: none;
|
|
9703
|
+
}
|
|
9704
|
+
lux-radio-ac .mat-radio-checked .mat-radio-inner-circle {
|
|
9705
|
+
transform: rotate(45deg) scale(0.4);
|
|
9706
|
+
}
|
|
9707
|
+
lux-radio-ac .mat-radio-button .mat-radio-label-content {
|
|
9708
|
+
line-height: normal;
|
|
9709
|
+
}
|
|
9710
|
+
lux-radio-ac .mat-radio-button .mat-radio-ripple {
|
|
9711
|
+
height: 20px; /*double of your required circle radius*/
|
|
9712
|
+
width: 20px; /*double of your required circle radius*/
|
|
9713
|
+
left: calc(50% - 10px); /*'10px'-same as your required circle radius*/
|
|
9714
|
+
top: calc(50% - 10px); /*'10px'-same as your required circle radius */
|
|
9715
|
+
}
|
|
9716
|
+
|
|
9717
|
+
/*
|
|
9718
|
+
* Theming für LUX-datepicker-ac und LUX-datetimepicker-ac
|
|
9719
|
+
*/
|
|
9720
|
+
lux-datepicker-ac mat-datepicker-toggle,
|
|
9721
|
+
lux-datetimepicker-ac mat-datepicker-toggle {
|
|
9722
|
+
height: 18px !important;
|
|
9723
|
+
width: 18px !important;
|
|
9724
|
+
}
|
|
9725
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button,
|
|
9726
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button {
|
|
9727
|
+
height: 18px !important;
|
|
9728
|
+
width: 18px !important;
|
|
9729
|
+
line-height: 1.5;
|
|
9730
|
+
font-size: inherit;
|
|
9731
|
+
}
|
|
9732
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
9733
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon,
|
|
9734
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
|
|
9735
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon {
|
|
9736
|
+
height: 18px !important;
|
|
9737
|
+
width: 18px !important;
|
|
9738
|
+
padding: 0px !important;
|
|
9739
|
+
}
|
|
9740
|
+
lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg,
|
|
9741
|
+
lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg {
|
|
9742
|
+
color: #636D76;
|
|
9743
|
+
}
|
|
9744
|
+
lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue,
|
|
9745
|
+
lux-datetimepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue {
|
|
9746
|
+
color: #4d7094;
|
|
9747
|
+
}
|
|
9748
|
+
|
|
9749
|
+
.cdk-overlay-pane .mat-datepicker-content,
|
|
9750
|
+
.lux-datetimepicker-overlay .mat-card.lux-card {
|
|
9751
|
+
margin: 11px -6px;
|
|
9752
|
+
}
|
|
9753
|
+
|
|
9754
|
+
/*
|
|
9755
|
+
* Theming für LUX-select-ac und LUX-lookup-combobox-ac
|
|
9756
|
+
*/
|
|
9757
|
+
lux-select-ac mat-select,
|
|
9758
|
+
lux-lookup-combobox-ac mat-select {
|
|
9759
|
+
height: 18px !important;
|
|
9760
|
+
}
|
|
9761
|
+
lux-select-ac .mat-select-value,
|
|
9762
|
+
lux-lookup-combobox-ac .mat-select-value {
|
|
9763
|
+
line-height: normal;
|
|
9764
|
+
}
|
|
9765
|
+
|
|
9766
|
+
/*
|
|
9767
|
+
* Theming für LUX-file-input und LUX-file-input-ac
|
|
9768
|
+
*/
|
|
9769
|
+
lux-file-input .lux-menu-extended,
|
|
9770
|
+
lux-file-input-ac .lux-menu-extended {
|
|
9771
|
+
gap: 4px;
|
|
9772
|
+
}
|
|
9773
|
+
lux-file-input .lux-menu-extended lux-button button.lux-button lux-icon.lux-button-icon:not(.lux-button-icon-round).lux-lx-icon,
|
|
9774
|
+
lux-file-input-ac .lux-menu-extended lux-button button.lux-button lux-icon.lux-button-icon:not(.lux-button-icon-round).lux-lx-icon {
|
|
9775
|
+
height: 14px;
|
|
9776
|
+
width: 14px;
|
|
9777
|
+
font-size: 14px;
|
|
9778
|
+
}
|
|
9779
|
+
|
|
9780
|
+
/*
|
|
9781
|
+
* Theming für LUX-file-list
|
|
9782
|
+
*/
|
|
9783
|
+
lux-file-list .lux-menu-extended {
|
|
9784
|
+
gap: 4px;
|
|
9785
|
+
}
|
|
9786
|
+
lux-file-list .lux-menu-extended .lux-menu-item lux-icon mat-icon.lux-lx-icon-no-size,
|
|
9787
|
+
lux-file-list .lux-menu-extended .lux-menu-trigger lux-icon mat-icon.lux-lx-icon-no-size {
|
|
9788
|
+
font-size: 16px !important;
|
|
9789
|
+
}
|
|
9790
|
+
|
|
9791
|
+
/*
|
|
9792
|
+
* Theming für LUX-textarea-ac
|
|
9793
|
+
*/
|
|
9794
|
+
lux-textarea-ac textarea {
|
|
9795
|
+
min-height: 18px;
|
|
9796
|
+
line-height: normal;
|
|
9797
|
+
}
|
|
9798
|
+
|
|
9296
9799
|
/*# sourceMappingURL=luxtheme-green.css.map */
|