@ihk-gfi/lux-components-theme 19.1.0 → 19.3.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 +8 -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 +186 -38
- package/prebuilt-themes/luxtheme-authentic.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 +272 -40
- package/prebuilt-themes/luxtheme-green.css.map +1 -1
- package/src/base/_luxcomponents.scss +7 -0
- package/src/base/_luxfocus.scss +9 -0
- package/src/base/_luxstyles.scss +12 -0
- package/src/base/components/_luxButton.scss +0 -10
- package/src/base/components/_luxFilter.scss +3 -37
- package/src/base/components/_luxFormControlsAuthentic.scss +7 -1
- package/src/base/components/_luxMenu.scss +162 -1
- package/src/base/components/_luxTile.scss +0 -1
- package/src/base/components/_luxTileAc.scss +15 -1
- package/src/green/_custom.scss +101 -3
|
@@ -223,6 +223,13 @@ lux-datetimepicker-ac mat-datepicker-toggle .mat-mdc-button-persistent-ripple::b
|
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
/** ########## Select-AC ########## **/
|
|
226
|
+
@media (prefers-contrast: more) {
|
|
227
|
+
lux-select-ac .mat-mdc-select:focus,
|
|
228
|
+
lux-lookup-combobox-ac .mat-mdc-select:focus {
|
|
229
|
+
outline: 4px solid #2e8533 !important;
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
|
|
226
233
|
.lux-select-panel-ac mat-option.mat-mdc-option-multiple:hover:not(.mdc-list-item--disabled), .lux-select-panel-ac mat-option.mat-mdc-option-multiple:focus-visible:not(.mdc-list-item--disabled), .lux-select-panel-ac mat-option.mat-mdc-option-multiple.mat-mdc-option-active:not(.mdc-list-item--disabled),
|
|
227
234
|
.lux-select-panel-ac-multiple mat-option.mat-mdc-option-multiple:hover:not(.mdc-list-item--disabled),
|
|
228
235
|
.lux-select-panel-ac-multiple mat-option.mat-mdc-option-multiple:focus-visible:not(.mdc-list-item--disabled),
|
|
@@ -1063,19 +1070,28 @@ lux-tile-ac .mat-mdc-card.lux-tile-ac .lux-tile-content {
|
|
|
1063
1070
|
width: 100%;
|
|
1064
1071
|
grid-template-columns: 1fr auto;
|
|
1065
1072
|
gap: 5px;
|
|
1073
|
+
min-width: 0;
|
|
1066
1074
|
}
|
|
1067
1075
|
lux-tile-ac .mat-mdc-card.lux-tile-ac .lux-tile-content mat-card-title.lux-tile-title {
|
|
1068
1076
|
color: #003366;
|
|
1069
|
-
font-family: Korb, "Blogger Sans", "Source Sans Pro", Arial, sans-serif, "Source Sans Pro", Arial, sans-serif;
|
|
1070
1077
|
line-height: 30px;
|
|
1071
1078
|
font-size: 1.25rem;
|
|
1072
1079
|
margin: 0;
|
|
1080
|
+
min-width: 0;
|
|
1081
|
+
}
|
|
1082
|
+
lux-tile-ac .mat-mdc-card.lux-tile-ac .lux-tile-content mat-card-title.lux-tile-title span {
|
|
1083
|
+
font-family: Korb, "Blogger Sans", "Source Sans Pro", Arial, sans-serif, "Source Sans Pro", Arial, sans-serif;
|
|
1084
|
+
}
|
|
1085
|
+
lux-tile-ac .mat-mdc-card.lux-tile-ac .lux-tile-content mat-card-subtitle.lux-tile-subtitle span {
|
|
1086
|
+
font-family: "Source Sans Pro", Arial, sans-serif;
|
|
1087
|
+
font-size: 0.9375rem;
|
|
1073
1088
|
}
|
|
1074
1089
|
lux-tile-ac .mat-mdc-card.lux-tile-ac .lux-tile-content mat-card-subtitle.mat-mdc-card-subtitle:not(:first-child) {
|
|
1075
1090
|
color: #003366;
|
|
1076
1091
|
font-size: 0.875rem;
|
|
1077
1092
|
font-weight: normal;
|
|
1078
1093
|
margin: 0px;
|
|
1094
|
+
min-width: 0;
|
|
1079
1095
|
grid-row-start: 2;
|
|
1080
1096
|
}
|
|
1081
1097
|
lux-tile-ac .mat-mdc-card.lux-tile-ac:not([class*=mat-elevation-z]) {
|
|
@@ -1214,7 +1230,6 @@ lux-tile .lux-tile-label {
|
|
|
1214
1230
|
flex-shrink: 1;
|
|
1215
1231
|
flex-grow: 0;
|
|
1216
1232
|
min-height: 40px;
|
|
1217
|
-
max-height: 70px;
|
|
1218
1233
|
text-align: center;
|
|
1219
1234
|
text-decoration-line: underline;
|
|
1220
1235
|
}
|
|
@@ -1770,6 +1785,18 @@ lux-card.lux-card-grow mat-card-content {
|
|
|
1770
1785
|
text-overflow: ellipsis;
|
|
1771
1786
|
}
|
|
1772
1787
|
|
|
1788
|
+
.lux-crop-2-lines {
|
|
1789
|
+
overflow: hidden;
|
|
1790
|
+
white-space: normal;
|
|
1791
|
+
word-wrap: break-word;
|
|
1792
|
+
overflow-wrap: break-word;
|
|
1793
|
+
display: -webkit-box;
|
|
1794
|
+
-webkit-box-orient: vertical;
|
|
1795
|
+
-webkit-line-clamp: 2;
|
|
1796
|
+
line-clamp: 2;
|
|
1797
|
+
text-overflow: ellipsis;
|
|
1798
|
+
}
|
|
1799
|
+
|
|
1773
1800
|
.lux-label {
|
|
1774
1801
|
color: #003366;
|
|
1775
1802
|
font-size: 0.75rem;
|
|
@@ -4453,6 +4480,12 @@ lux-lookup-combobox-ac mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-
|
|
|
4453
4480
|
mask-position: center;
|
|
4454
4481
|
mask-size: cover;
|
|
4455
4482
|
}
|
|
4483
|
+
@media (prefers-contrast: more) {
|
|
4484
|
+
lux-select-ac mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
|
|
4485
|
+
lux-lookup-combobox-ac mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg {
|
|
4486
|
+
background-color: ButtonText;
|
|
4487
|
+
}
|
|
4488
|
+
}
|
|
4456
4489
|
lux-select-ac mat-select[aria-readonly=true] .mat-mdc-select-arrow,
|
|
4457
4490
|
lux-lookup-combobox-ac mat-select[aria-readonly=true] .mat-mdc-select-arrow {
|
|
4458
4491
|
background-color: #636d76;
|
|
@@ -5439,9 +5472,6 @@ lux-button button:not([disabled]):focus-visible {
|
|
|
5439
5472
|
lux-button button:not([disabled]):not(.mat-mdc-fab):not(.mat-mdc-raised-button):not(.mat-mdc-unelevated-button):hover, lux-button button:not([disabled]).mat-mdc-outlined-button:hover {
|
|
5440
5473
|
background-color: #bdd0e8;
|
|
5441
5474
|
}
|
|
5442
|
-
lux-button button:not([disabled]):not(.mat-mdc-fab):not(.mat-mdc-raised-button):not(.mat-mdc-unelevated-button):hover.mat-accent, lux-button button:not([disabled]).mat-mdc-outlined-button:hover.mat-accent {
|
|
5443
|
-
color: #2b9838;
|
|
5444
|
-
}
|
|
5445
5475
|
lux-button button:not([disabled]).mat-mdc-fab:hover, lux-button button:not([disabled]).mat-mdc-raised-button:hover, lux-button button:not([disabled]).mat-mdc-unelevated-button:hover {
|
|
5446
5476
|
background-color: #bdd0e8 !important;
|
|
5447
5477
|
}
|
|
@@ -6196,6 +6226,113 @@ lux-menu .lux-menu-trigger > lux-button button.mat-mdc-button {
|
|
|
6196
6226
|
margin: 0;
|
|
6197
6227
|
}
|
|
6198
6228
|
|
|
6229
|
+
.lux-menu-section-panel,
|
|
6230
|
+
.lux-menu-section-panel:not(.lux-menu-panel-large) {
|
|
6231
|
+
min-width: 260px !important;
|
|
6232
|
+
max-width: 100%;
|
|
6233
|
+
}
|
|
6234
|
+
|
|
6235
|
+
.lux-menu-section-panel,
|
|
6236
|
+
.lux-menu-section-panel:has(.lux-menu-panel-large) {
|
|
6237
|
+
min-width: 360px !important;
|
|
6238
|
+
max-width: 100%;
|
|
6239
|
+
}
|
|
6240
|
+
|
|
6241
|
+
.lux-menu-section-panel .lux-menu-item-content {
|
|
6242
|
+
display: flex;
|
|
6243
|
+
align-items: center;
|
|
6244
|
+
width: 100%;
|
|
6245
|
+
}
|
|
6246
|
+
.lux-menu-section-panel .lux-menu-item-icon {
|
|
6247
|
+
margin-right: 8px;
|
|
6248
|
+
flex-shrink: 0;
|
|
6249
|
+
}
|
|
6250
|
+
.lux-menu-section-panel .lux-button-label {
|
|
6251
|
+
text-align: left;
|
|
6252
|
+
flex: 1 1 auto;
|
|
6253
|
+
white-space: normal;
|
|
6254
|
+
}
|
|
6255
|
+
.lux-menu-section-panel .lux-menu-item-badge-right {
|
|
6256
|
+
min-width: 0px !important;
|
|
6257
|
+
margin-left: auto;
|
|
6258
|
+
align-self: center;
|
|
6259
|
+
display: flex;
|
|
6260
|
+
}
|
|
6261
|
+
.lux-menu-section-panel .lux-button-label-subtitle {
|
|
6262
|
+
color: #3a5f94;
|
|
6263
|
+
font-size: 0.875rem;
|
|
6264
|
+
font-style: normal;
|
|
6265
|
+
font-weight: 400;
|
|
6266
|
+
letter-spacing: 0.07px;
|
|
6267
|
+
}
|
|
6268
|
+
.lux-menu-section-panel .lux-menu-panelheader-username {
|
|
6269
|
+
display: flex;
|
|
6270
|
+
padding: 12px 16px;
|
|
6271
|
+
flex-direction: column;
|
|
6272
|
+
align-items: flex-start;
|
|
6273
|
+
gap: 4px;
|
|
6274
|
+
align-self: stretch;
|
|
6275
|
+
font-weight: 600;
|
|
6276
|
+
font-size: 1rem;
|
|
6277
|
+
font-style: normal;
|
|
6278
|
+
line-height: 120%;
|
|
6279
|
+
}
|
|
6280
|
+
.lux-menu-section-panel .lux-menu-panelheader-username-subtitle {
|
|
6281
|
+
display: flex;
|
|
6282
|
+
flex-direction: column;
|
|
6283
|
+
align-items: flex-start;
|
|
6284
|
+
gap: 4px;
|
|
6285
|
+
align-self: stretch;
|
|
6286
|
+
font-weight: 400;
|
|
6287
|
+
font-size: 0.75rem;
|
|
6288
|
+
font-style: normal;
|
|
6289
|
+
line-height: normal;
|
|
6290
|
+
}
|
|
6291
|
+
.lux-menu-section-panel .lux-menu-section-title {
|
|
6292
|
+
display: flex;
|
|
6293
|
+
padding: 8px 16px;
|
|
6294
|
+
flex-direction: column;
|
|
6295
|
+
justify-content: center;
|
|
6296
|
+
align-items: flex-start;
|
|
6297
|
+
align-self: stretch;
|
|
6298
|
+
color: #605e5e;
|
|
6299
|
+
font-weight: 600;
|
|
6300
|
+
font-size: 1rem;
|
|
6301
|
+
letter-spacing: 0.08px;
|
|
6302
|
+
line-height: 120%; /* 19.2px */
|
|
6303
|
+
}
|
|
6304
|
+
.lux-menu-section-panel .lux-menu-item-divider {
|
|
6305
|
+
padding: 4px;
|
|
6306
|
+
}
|
|
6307
|
+
.lux-menu-section-panel .lux-menu-item-divider-large {
|
|
6308
|
+
margin-right: 16px;
|
|
6309
|
+
margin-left: 16px;
|
|
6310
|
+
}
|
|
6311
|
+
.lux-menu-section-panel .lux-menu-item.lux-menu-item-selected {
|
|
6312
|
+
background-color: #d5e3ff !important;
|
|
6313
|
+
}
|
|
6314
|
+
.lux-menu-section-panel .lux-menu-item-selected {
|
|
6315
|
+
background-color: #d5e3ff;
|
|
6316
|
+
}
|
|
6317
|
+
.lux-menu-section-panel .lux-menu-item-selected.lux-button-label {
|
|
6318
|
+
text-decoration-line: underline;
|
|
6319
|
+
text-decoration-style: solid;
|
|
6320
|
+
text-decoration-thickness: 10%;
|
|
6321
|
+
text-underline-offset: 5%;
|
|
6322
|
+
text-underline-position: from-font;
|
|
6323
|
+
}
|
|
6324
|
+
.lux-menu-section-panel .lux-menu-item-selected.lux-button-label-subtitle {
|
|
6325
|
+
text-decoration-color: #3a5f94;
|
|
6326
|
+
text-decoration-line: underline;
|
|
6327
|
+
text-decoration-style: solid;
|
|
6328
|
+
text-decoration-thickness: 12%;
|
|
6329
|
+
text-underline-offset: 5%;
|
|
6330
|
+
text-underline-position: from-font;
|
|
6331
|
+
}
|
|
6332
|
+
.lux-menu-section-panel .lux-menu-item-badge-right {
|
|
6333
|
+
text-align: end;
|
|
6334
|
+
}
|
|
6335
|
+
|
|
6199
6336
|
/** ########## Hover / Focus ########## **/
|
|
6200
6337
|
.lux-menu-panel .lux-menu-item:not([disabled=true]):focus-visible {
|
|
6201
6338
|
outline: 4px solid #2e8533 !important;
|
|
@@ -6211,7 +6348,40 @@ lux-menu .lux-menu-trigger > lux-button button.mat-mdc-button {
|
|
|
6211
6348
|
background-color: #e3ebf5;
|
|
6212
6349
|
}
|
|
6213
6350
|
.lux-menu-panel .lux-menu-item:not([disabled=true]):hover .mat-icon-no-color {
|
|
6214
|
-
color: #
|
|
6351
|
+
color: #ffffff;
|
|
6352
|
+
}
|
|
6353
|
+
|
|
6354
|
+
/** ########## Hover / Focus ########## **/
|
|
6355
|
+
.lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):focus-visible {
|
|
6356
|
+
background-color: #ffffff;
|
|
6357
|
+
color: #003366;
|
|
6358
|
+
border-radius: 4px;
|
|
6359
|
+
}
|
|
6360
|
+
.lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):focus-visible:after {
|
|
6361
|
+
width: 0px;
|
|
6362
|
+
border: none;
|
|
6363
|
+
}
|
|
6364
|
+
.lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):focus-visible .lux-button-label-subtitle {
|
|
6365
|
+
color: #3a5f94;
|
|
6366
|
+
}
|
|
6367
|
+
.lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):focus-visible .mat-icon-no-color {
|
|
6368
|
+
color: #003366;
|
|
6369
|
+
}
|
|
6370
|
+
.lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):hover {
|
|
6371
|
+
color: #ffffff;
|
|
6372
|
+
}
|
|
6373
|
+
.lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):hover .mat-icon-no-color {
|
|
6374
|
+
color: #ffffff;
|
|
6375
|
+
}
|
|
6376
|
+
.lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):hover .lux-button-label-subtitle {
|
|
6377
|
+
color: #ecf1ff;
|
|
6378
|
+
}
|
|
6379
|
+
.lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):hover .lux-button-label.lux-menu-item-selected {
|
|
6380
|
+
background-color: #e3ebf5;
|
|
6381
|
+
}
|
|
6382
|
+
.lux-menu-panel.lux-menu-section-panel .lux-menu-item:not([disabled=true]):hover .lux-button-label-subtitle.lux-menu-item-selected {
|
|
6383
|
+
background-color: #e3ebf5;
|
|
6384
|
+
text-decoration-color: #ffffff;
|
|
6215
6385
|
}
|
|
6216
6386
|
|
|
6217
6387
|
lux-table {
|
|
@@ -6426,8 +6596,7 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
|
|
|
6426
6596
|
}
|
|
6427
6597
|
|
|
6428
6598
|
lux-filter-form lux-menu div.lux-menu-custom-trigger {
|
|
6429
|
-
padding
|
|
6430
|
-
padding-bottom: 4px;
|
|
6599
|
+
padding: 4px;
|
|
6431
6600
|
}
|
|
6432
6601
|
lux-filter-form .no-filter-active {
|
|
6433
6602
|
padding: 8px 25px;
|
|
@@ -6459,44 +6628,16 @@ lux-filter-form .filterPanel .mat-action-row {
|
|
|
6459
6628
|
padding: 0 !important;
|
|
6460
6629
|
border: none;
|
|
6461
6630
|
}
|
|
6462
|
-
lux-filter-form .
|
|
6463
|
-
|
|
6464
|
-
}
|
|
6465
|
-
lux-filter-form lux-menu.filter-menu .lux-menu-extended {
|
|
6466
|
-
padding: 0 !important;
|
|
6631
|
+
lux-filter-form .lux-filter-form-button button.lux-button.lux-icon-button {
|
|
6632
|
+
margin-left: 16px;
|
|
6467
6633
|
}
|
|
6468
6634
|
lux-filter-form lux-menu.filter-menu .lux-filter-menu-trigger button.lux-button-rounded {
|
|
6469
6635
|
height: 36px;
|
|
6470
6636
|
width: 36px;
|
|
6471
6637
|
min-width: 36px;
|
|
6472
6638
|
max-width: 36px;
|
|
6473
|
-
background-color: transparent;
|
|
6474
|
-
color: #003366;
|
|
6475
|
-
padding: 0px !important;
|
|
6476
|
-
margin: 0px 4px !important;
|
|
6477
6639
|
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);
|
|
6478
6640
|
}
|
|
6479
|
-
lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab.lux-button-rounded:hover {
|
|
6480
|
-
background-color: transparent !important;
|
|
6481
|
-
color: #e3ebf5;
|
|
6482
|
-
}
|
|
6483
|
-
lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab.lux-button-rounded:focus-visible {
|
|
6484
|
-
outline: 4px solid #2e8533 !important;
|
|
6485
|
-
outline-offset: -4px;
|
|
6486
|
-
background-color: transparent !important;
|
|
6487
|
-
}
|
|
6488
|
-
lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab.lux-button-rounded:active {
|
|
6489
|
-
background-color: transparent !important;
|
|
6490
|
-
color: #002753;
|
|
6491
|
-
}
|
|
6492
|
-
lux-filter-form lux-accordion lux-panel-header-title {
|
|
6493
|
-
width: 100%;
|
|
6494
|
-
}
|
|
6495
|
-
lux-filter-form lux-accordion lux-panel-header-title mat-panel-title.mat-expansion-panel-header-title {
|
|
6496
|
-
align-items: center;
|
|
6497
|
-
justify-content: space-between;
|
|
6498
|
-
margin: 0px;
|
|
6499
|
-
}
|
|
6500
6641
|
lux-filter-form lux-card .lux-card-header .lux-card-title,
|
|
6501
6642
|
lux-filter-form lux-card .lux-card-header .lux-card-subtitle {
|
|
6502
6643
|
height: 36px;
|
|
@@ -7474,6 +7615,13 @@ mat-expansion-panel.mat-expansion-panel:not([class*=mat-elevation-z]) .mat-expan
|
|
|
7474
7615
|
font-size: 1rem;
|
|
7475
7616
|
}
|
|
7476
7617
|
|
|
7618
|
+
.mat-expansion-panel-header.lux-dynamic-height {
|
|
7619
|
+
min-height: unset;
|
|
7620
|
+
height: unset;
|
|
7621
|
+
padding-top: 11px;
|
|
7622
|
+
padding-bottom: 11px;
|
|
7623
|
+
}
|
|
7624
|
+
|
|
7477
7625
|
.mat-expansion-panel {
|
|
7478
7626
|
--mat-expansion-container-shape: 4px;
|
|
7479
7627
|
--mat-expansion-container-shape: 4px;
|
|
@@ -42289,7 +42437,20 @@ lux-button button.lux-button.mat-mdc-raised-button.mat-accent:not([disabled]), l
|
|
|
42289
42437
|
color: #003366;
|
|
42290
42438
|
}
|
|
42291
42439
|
lux-button button.lux-button.mat-mdc-raised-button.mat-accent:not([disabled]).lux-stroked, lux-button button.lux-button.mat-mdc-unelevated-button.mat-accent:not([disabled]).lux-stroked, lux-button button.lux-button.mat-mdc-fab.mat-accent:not([disabled]).lux-stroked {
|
|
42292
|
-
color: #
|
|
42440
|
+
color: #2e8533;
|
|
42441
|
+
}
|
|
42442
|
+
lux-button button.lux-button.mat-mdc-raised-button.mat-warn:not([disabled]), lux-button button.lux-button.mat-mdc-unelevated-button.mat-warn:not([disabled]) {
|
|
42443
|
+
background-color: #ad000f;
|
|
42444
|
+
color: #ffffff;
|
|
42445
|
+
}
|
|
42446
|
+
lux-button button.lux-button.mat-mdc-button.mat-warn:not([disabled]), lux-button button.lux-button.mat-mdc-outlined-button.mat-warn:not([disabled]), lux-button button.lux-button.mat-mdc-raised-button.lux-stroked.mat-warn:not([disabled]), lux-button button.lux-button.mat-mdc-unelevated-button.lux-stroked.mat-warn:not([disabled]), lux-button button.lux-button.mat-mdc-fab.lux-stroked.mat-warn:not([disabled]) {
|
|
42447
|
+
color: #ad000f;
|
|
42448
|
+
}
|
|
42449
|
+
lux-button button.lux-button.mat-mdc-raised-button.mat-warn:not([disabled]):hover, lux-button button.lux-button.mat-mdc-unelevated-button.mat-warn:not([disabled]):hover, lux-button button.lux-button.mat-mdc-fab.mat-warn:not([disabled]):hover {
|
|
42450
|
+
background-color: #c70011 !important;
|
|
42451
|
+
}
|
|
42452
|
+
lux-button button.lux-button.mat-mdc-button.mat-accent:not([disabled]), lux-button button.lux-button.mat-mdc-outlined-button.mat-accent:not([disabled]), lux-button button.lux-button.mat-mdc-raised-button.lux-stroked.mat-accent:not([disabled]), lux-button button.lux-button.mat-mdc-unelevated-button.lux-stroked.mat-accent:not([disabled]) {
|
|
42453
|
+
color: #2e8533;
|
|
42293
42454
|
}
|
|
42294
42455
|
lux-button button.lux-button.lux-icon-button {
|
|
42295
42456
|
border-radius: 18px;
|
|
@@ -42695,7 +42856,7 @@ lux-form-control-wrapper .lux-form-control-wrapper.lux-focused-authentic .lux-fo
|
|
|
42695
42856
|
outline: 0;
|
|
42696
42857
|
}
|
|
42697
42858
|
lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-error-authentic:not(.lux-form-control-disabled-authentic) .lux-form-control-label-authentic > * {
|
|
42698
|
-
color: #
|
|
42859
|
+
color: #003366;
|
|
42699
42860
|
}
|
|
42700
42861
|
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) {
|
|
42701
42862
|
border-color: #ea515a;
|
|
@@ -42800,6 +42961,58 @@ lux-lookup-combobox-ac .mat-select-value {
|
|
|
42800
42961
|
line-height: normal;
|
|
42801
42962
|
}
|
|
42802
42963
|
|
|
42964
|
+
.lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled), .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled), .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled), .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled),
|
|
42965
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled),
|
|
42966
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled),
|
|
42967
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled),
|
|
42968
|
+
.lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
|
|
42969
|
+
background-color: #e3ebf5;
|
|
42970
|
+
}
|
|
42971
|
+
.lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
|
|
42972
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
|
|
42973
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
|
|
42974
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
|
|
42975
|
+
.lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
|
|
42976
|
+
color: #003366;
|
|
42977
|
+
}
|
|
42978
|
+
.lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full, .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full, .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full, .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full,
|
|
42979
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full,
|
|
42980
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full,
|
|
42981
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full,
|
|
42982
|
+
.lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full {
|
|
42983
|
+
background-color: #e3ebf5;
|
|
42984
|
+
border-color: #003366;
|
|
42985
|
+
}
|
|
42986
|
+
.lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked, .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
|
|
42987
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
|
|
42988
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
|
|
42989
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
|
|
42990
|
+
.lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked {
|
|
42991
|
+
background-color: #003366;
|
|
42992
|
+
}
|
|
42993
|
+
.lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,
|
|
42994
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,
|
|
42995
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,
|
|
42996
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,
|
|
42997
|
+
.lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
|
|
42998
|
+
color: #ffffff;
|
|
42999
|
+
}
|
|
43000
|
+
.lux-select-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after, .lux-select-panel-ac mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
|
|
43001
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
|
|
43002
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
|
|
43003
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
|
|
43004
|
+
.lux-select-panel-ac-multiple mat-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
|
|
43005
|
+
color: #003366;
|
|
43006
|
+
}
|
|
43007
|
+
.lux-select-panel-ac mat-option.mat-mdc-option:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
|
|
43008
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
|
|
43009
|
+
color: #003366;
|
|
43010
|
+
}
|
|
43011
|
+
.lux-select-panel-ac mat-option.mat-mdc-option:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full,
|
|
43012
|
+
.lux-select-panel-ac-multiple mat-option.mat-mdc-option:not(.mdc-list-item--disabled) .mat-pseudo-checkbox-full {
|
|
43013
|
+
border-color: #003366;
|
|
43014
|
+
}
|
|
43015
|
+
|
|
42803
43016
|
/*
|
|
42804
43017
|
* Eineheitliche Elevation für die Components auf Cdk-Overlay-Pane
|
|
42805
43018
|
* wird noch für "Green" benötigt
|
|
@@ -42864,6 +43077,25 @@ lux-dialog-structure .lux-icon-close:focus-visible {
|
|
|
42864
43077
|
border-radius: 4px;
|
|
42865
43078
|
}
|
|
42866
43079
|
|
|
43080
|
+
lux-dialog-structure .lux-icon-close:hover mat-icon,
|
|
43081
|
+
lux-dialog-structure .lux-icon-close:hover mat-icon.mat-icon-no-color,
|
|
43082
|
+
lux-dialog-structure .lux-icon-close:hover lux-icon mat-icon {
|
|
43083
|
+
color: #003366;
|
|
43084
|
+
}
|
|
43085
|
+
|
|
43086
|
+
/*
|
|
43087
|
+
* Theming für LUX-Autocomplete-ac
|
|
43088
|
+
*/
|
|
43089
|
+
.lux-autocomplete-panel-ac mat-option.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled), .lux-autocomplete-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled), .lux-autocomplete-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled), .lux-autocomplete-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) {
|
|
43090
|
+
background-color: #e3ebf5;
|
|
43091
|
+
}
|
|
43092
|
+
.lux-autocomplete-panel-ac mat-option.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-autocomplete-panel-ac mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-autocomplete-panel-ac mat-option.mat-mdc-option:focus-visible:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .lux-autocomplete-panel-ac mat-option.mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
|
|
43093
|
+
color: #003366;
|
|
43094
|
+
}
|
|
43095
|
+
.lux-autocomplete-panel-ac mat-option.mat-mdc-option:not(.mdc-list-item--disabled) {
|
|
43096
|
+
color: #003366;
|
|
43097
|
+
}
|
|
43098
|
+
|
|
42867
43099
|
/*
|
|
42868
43100
|
* Theming für LUX-Message-Box
|
|
42869
43101
|
*/
|