@ihk-gfi/lux-components-theme 19.0.0 → 19.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/prebuilt-themes/luxtheme-authentic-min.css +1 -1
- package/prebuilt-themes/luxtheme-authentic-min.css.map +1 -1
- package/prebuilt-themes/luxtheme-authentic.css +121 -15
- 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 +121 -15
- package/prebuilt-themes/luxtheme-green.css.map +1 -1
- package/src/base/_luxstyles.scss +77 -1
- package/src/base/components/_luxCard.scss +24 -9
- package/src/base/components/_luxFormControlsAuthentic.scss +4 -0
- package/src/base/components/_luxMasterDetailAc.scss +2 -2
- package/src/base/components/_luxTable.scss +10 -2
|
@@ -1276,6 +1276,21 @@ lux-card.lux-flex mat-card,
|
|
|
1276
1276
|
lux-card.lux-flex mat-card-content {
|
|
1277
1277
|
flex: 1 1 auto;
|
|
1278
1278
|
}
|
|
1279
|
+
lux-card mat-card {
|
|
1280
|
+
padding: 16px;
|
|
1281
|
+
}
|
|
1282
|
+
lux-card mat-card .mat-mdc-card-content {
|
|
1283
|
+
padding: 0;
|
|
1284
|
+
}
|
|
1285
|
+
lux-card mat-card .mat-mdc-card-content:first-child {
|
|
1286
|
+
padding: 0;
|
|
1287
|
+
}
|
|
1288
|
+
lux-card mat-card .mat-mdc-card-content .lux-card-content {
|
|
1289
|
+
padding: 0;
|
|
1290
|
+
}
|
|
1291
|
+
lux-card mat-card .mat-mdc-card-content .lux-card-content.lux-card-with-content-and-header {
|
|
1292
|
+
padding-top: 16px;
|
|
1293
|
+
}
|
|
1279
1294
|
lux-card .mat-mdc-card.lux-card {
|
|
1280
1295
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
1281
1296
|
border-radius: 4px;
|
|
@@ -1288,13 +1303,6 @@ lux-card .mat-mdc-card.lux-card:not([class*=mat-elevation-z]) {
|
|
|
1288
1303
|
}
|
|
1289
1304
|
lux-card .mat-mdc-card.lux-card .mat-mdc-card-content {
|
|
1290
1305
|
font-size: 1rem;
|
|
1291
|
-
padding: 0;
|
|
1292
|
-
}
|
|
1293
|
-
lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content {
|
|
1294
|
-
padding: 16px 0 0 0;
|
|
1295
|
-
}
|
|
1296
|
-
lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content:empty {
|
|
1297
|
-
padding: 0;
|
|
1298
1306
|
}
|
|
1299
1307
|
lux-card .lux-card-content-container {
|
|
1300
1308
|
overflow-x: hidden;
|
|
@@ -1366,6 +1374,8 @@ lux-card .lux-card-content-expanded {
|
|
|
1366
1374
|
lux-card mat-card-actions.mat-mdc-card-actions {
|
|
1367
1375
|
justify-content: flex-end;
|
|
1368
1376
|
min-height: 36px;
|
|
1377
|
+
padding-left: 0;
|
|
1378
|
+
padding-right: 0;
|
|
1369
1379
|
}
|
|
1370
1380
|
lux-card mat-card-actions.lux-card-actions {
|
|
1371
1381
|
margin-right: 0;
|
|
@@ -1375,9 +1385,6 @@ lux-card .lux-tab-content .lux-card {
|
|
|
1375
1385
|
margin-right: 1px;
|
|
1376
1386
|
margin-left: 1px;
|
|
1377
1387
|
}
|
|
1378
|
-
lux-card mat-card {
|
|
1379
|
-
padding: 16px;
|
|
1380
|
-
}
|
|
1381
1388
|
lux-card mat-card[class~=lux-cursor]:hover {
|
|
1382
1389
|
background-image: linear-gradient(270deg, #ffffff 0%, #f9f9ff 100%);
|
|
1383
1390
|
background-color: #ffffff;
|
|
@@ -4147,13 +4154,101 @@ lux-button.lux-uppercase .lux-button-label {
|
|
|
4147
4154
|
}
|
|
4148
4155
|
.lux-badge-notification.mat-badge:not(.mat-badge-disabled).mat-badge-warn .mat-badge-content {
|
|
4149
4156
|
color: #ffffff;
|
|
4150
|
-
background-color: #
|
|
4157
|
+
background-color: #c00013;
|
|
4151
4158
|
}
|
|
4152
4159
|
.lux-badge-notification.lux-badge-color-default.mat-badge:not(.mat-badge-disabled) .mat-badge-content {
|
|
4153
4160
|
color: white;
|
|
4154
4161
|
background: #605e5e;
|
|
4155
4162
|
}
|
|
4156
4163
|
|
|
4164
|
+
.lux-text-highlight-primary,
|
|
4165
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary,
|
|
4166
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary {
|
|
4167
|
+
color: #003366;
|
|
4168
|
+
background-color: #d5e3ff;
|
|
4169
|
+
}
|
|
4170
|
+
@media (prefers-contrast: more) {
|
|
4171
|
+
.lux-text-highlight-primary,
|
|
4172
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary,
|
|
4173
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary {
|
|
4174
|
+
color: #1c1b1b;
|
|
4175
|
+
background-color: #89ace7;
|
|
4176
|
+
}
|
|
4177
|
+
}
|
|
4178
|
+
|
|
4179
|
+
.lux-text-highlight-primary-strong,
|
|
4180
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary-strong,
|
|
4181
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary-strong {
|
|
4182
|
+
color: #1c1b1b;
|
|
4183
|
+
background-color: #89ace7;
|
|
4184
|
+
}
|
|
4185
|
+
|
|
4186
|
+
.lux-text-highlight-success,
|
|
4187
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success,
|
|
4188
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success {
|
|
4189
|
+
color: #00531d;
|
|
4190
|
+
background-color: #c6ffc5;
|
|
4191
|
+
}
|
|
4192
|
+
@media (prefers-contrast: more) {
|
|
4193
|
+
.lux-text-highlight-success,
|
|
4194
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success,
|
|
4195
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success {
|
|
4196
|
+
color: #1c1b1b;
|
|
4197
|
+
background-color: #56bd66;
|
|
4198
|
+
}
|
|
4199
|
+
}
|
|
4200
|
+
|
|
4201
|
+
.lux-text-highlight-success-strong,
|
|
4202
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success-strong,
|
|
4203
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success-strong {
|
|
4204
|
+
color: #1c1b1b;
|
|
4205
|
+
background-color: #56bd66;
|
|
4206
|
+
}
|
|
4207
|
+
|
|
4208
|
+
.lux-text-highlight-alert,
|
|
4209
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert,
|
|
4210
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert {
|
|
4211
|
+
color: #1c1b1b;
|
|
4212
|
+
background-color: #fdedab;
|
|
4213
|
+
}
|
|
4214
|
+
@media (prefers-contrast: more) {
|
|
4215
|
+
.lux-text-highlight-alert,
|
|
4216
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert,
|
|
4217
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert {
|
|
4218
|
+
color: #1c1b1b;
|
|
4219
|
+
background-color: #fbd12c;
|
|
4220
|
+
}
|
|
4221
|
+
}
|
|
4222
|
+
|
|
4223
|
+
.lux-text-highlight-alert-strong,
|
|
4224
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert-strong,
|
|
4225
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert-strong {
|
|
4226
|
+
color: #1c1b1b;
|
|
4227
|
+
background-color: #fbd12c;
|
|
4228
|
+
}
|
|
4229
|
+
|
|
4230
|
+
.lux-text-highlight-error,
|
|
4231
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error,
|
|
4232
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error {
|
|
4233
|
+
color: #93000c;
|
|
4234
|
+
background-color: #ffdad6;
|
|
4235
|
+
}
|
|
4236
|
+
@media (prefers-contrast: more) {
|
|
4237
|
+
.lux-text-highlight-error,
|
|
4238
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error,
|
|
4239
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error {
|
|
4240
|
+
color: #1c1b1b;
|
|
4241
|
+
background-color: #ff897e;
|
|
4242
|
+
}
|
|
4243
|
+
}
|
|
4244
|
+
|
|
4245
|
+
.lux-text-highlight-error-strong,
|
|
4246
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error-strong,
|
|
4247
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error-strong {
|
|
4248
|
+
color: #1c1b1b;
|
|
4249
|
+
background-color: #ff897e;
|
|
4250
|
+
}
|
|
4251
|
+
|
|
4157
4252
|
lux-form-control-wrapper {
|
|
4158
4253
|
width: 100%;
|
|
4159
4254
|
/* Change Autocomplete styles in Chrome*/
|
|
@@ -4858,6 +4953,10 @@ lux-slider-ac.lux-form-control-readonly {
|
|
|
4858
4953
|
pointer-events: none;
|
|
4859
4954
|
}
|
|
4860
4955
|
|
|
4956
|
+
mat-error.mat-mdc-form-field-bottom-align::before {
|
|
4957
|
+
height: unset;
|
|
4958
|
+
}
|
|
4959
|
+
|
|
4861
4960
|
.lux-master-detail-ac {
|
|
4862
4961
|
display: flex;
|
|
4863
4962
|
flex-direction: row;
|
|
@@ -5008,7 +5107,7 @@ lux-slider-ac.lux-form-control-readonly {
|
|
|
5008
5107
|
}
|
|
5009
5108
|
.lux-master-detail-ac .lux-master-view-ac .lux-list-empty-icon,
|
|
5010
5109
|
.lux-master-detail-ac .lux-master-view-ac .lux-list-empty-icon-text {
|
|
5011
|
-
color: rgb(
|
|
5110
|
+
color: rgb(97, 97, 97);
|
|
5012
5111
|
opacity: 1;
|
|
5013
5112
|
margin-bottom: 8px;
|
|
5014
5113
|
}
|
|
@@ -5041,7 +5140,7 @@ lux-slider-ac.lux-form-control-readonly {
|
|
|
5041
5140
|
}
|
|
5042
5141
|
.lux-master-detail-ac .lux-detail-ac-container .lux-detail-empty-icon,
|
|
5043
5142
|
.lux-master-detail-ac .lux-detail-ac-container .lux-detail-empty-icon-text {
|
|
5044
|
-
color: rgb(
|
|
5143
|
+
color: rgb(97, 97, 97);
|
|
5045
5144
|
opacity: 1;
|
|
5046
5145
|
}
|
|
5047
5146
|
.lux-master-detail-ac .lux-detail-ac-container.lux-detail-ac-container-mobile {
|
|
@@ -6188,7 +6287,11 @@ lux-table .lux-table td.mat-mdc-footer-cell {
|
|
|
6188
6287
|
color: rgba(0, 0, 0, 0.87);
|
|
6189
6288
|
padding-bottom: 1em;
|
|
6190
6289
|
}
|
|
6191
|
-
lux-table .lux-table .lux-table-filter {
|
|
6290
|
+
lux-table .lux-table .lux-table-filter-input {
|
|
6291
|
+
width: 100%;
|
|
6292
|
+
max-width: 350px;
|
|
6293
|
+
}
|
|
6294
|
+
lux-table .lux-table .lux-table-column-selector {
|
|
6192
6295
|
width: 100%;
|
|
6193
6296
|
max-width: 350px;
|
|
6194
6297
|
}
|
|
@@ -6312,7 +6415,10 @@ lux-table .lux-table lux-checkbox-ac .mat-mdc-checkbox-inner-container {
|
|
|
6312
6415
|
margin: 0px;
|
|
6313
6416
|
}
|
|
6314
6417
|
@media screen and (max-width: 599px) {
|
|
6315
|
-
lux-table .lux-table .lux-table-filter {
|
|
6418
|
+
lux-table .lux-table .lux-table-filter-input {
|
|
6419
|
+
max-width: 100%;
|
|
6420
|
+
}
|
|
6421
|
+
lux-table .lux-table .lux-table-column-selector {
|
|
6316
6422
|
max-width: 100%;
|
|
6317
6423
|
}
|
|
6318
6424
|
}
|