@ihk-gfi/lux-components-theme 19.0.1 → 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 +117 -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 +117 -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/_luxMasterDetailAc.scss +2 -2
- package/src/base/components/_luxTable.scss +10 -2
|
@@ -1255,6 +1255,21 @@ lux-card.lux-flex mat-card,
|
|
|
1255
1255
|
lux-card.lux-flex mat-card-content {
|
|
1256
1256
|
flex: 1 1 auto;
|
|
1257
1257
|
}
|
|
1258
|
+
lux-card mat-card {
|
|
1259
|
+
padding: 16px;
|
|
1260
|
+
}
|
|
1261
|
+
lux-card mat-card .mat-mdc-card-content {
|
|
1262
|
+
padding: 0;
|
|
1263
|
+
}
|
|
1264
|
+
lux-card mat-card .mat-mdc-card-content:first-child {
|
|
1265
|
+
padding: 0;
|
|
1266
|
+
}
|
|
1267
|
+
lux-card mat-card .mat-mdc-card-content .lux-card-content {
|
|
1268
|
+
padding: 0;
|
|
1269
|
+
}
|
|
1270
|
+
lux-card mat-card .mat-mdc-card-content .lux-card-content.lux-card-with-content-and-header {
|
|
1271
|
+
padding-top: 16px;
|
|
1272
|
+
}
|
|
1258
1273
|
lux-card .mat-mdc-card.lux-card {
|
|
1259
1274
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
1260
1275
|
border-radius: 4px;
|
|
@@ -1267,13 +1282,6 @@ lux-card .mat-mdc-card.lux-card:not([class*=mat-elevation-z]) {
|
|
|
1267
1282
|
}
|
|
1268
1283
|
lux-card .mat-mdc-card.lux-card .mat-mdc-card-content {
|
|
1269
1284
|
font-size: 1rem;
|
|
1270
|
-
padding: 0;
|
|
1271
|
-
}
|
|
1272
|
-
lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content {
|
|
1273
|
-
padding: 16px 0 0 0;
|
|
1274
|
-
}
|
|
1275
|
-
lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content:empty {
|
|
1276
|
-
padding: 0;
|
|
1277
1285
|
}
|
|
1278
1286
|
lux-card .lux-card-content-container {
|
|
1279
1287
|
overflow-x: hidden;
|
|
@@ -1345,6 +1353,8 @@ lux-card .lux-card-content-expanded {
|
|
|
1345
1353
|
lux-card mat-card-actions.mat-mdc-card-actions {
|
|
1346
1354
|
justify-content: flex-end;
|
|
1347
1355
|
min-height: 36px;
|
|
1356
|
+
padding-left: 0;
|
|
1357
|
+
padding-right: 0;
|
|
1348
1358
|
}
|
|
1349
1359
|
lux-card mat-card-actions.lux-card-actions {
|
|
1350
1360
|
margin-right: 0;
|
|
@@ -1354,9 +1364,6 @@ lux-card .lux-tab-content .lux-card {
|
|
|
1354
1364
|
margin-right: 1px;
|
|
1355
1365
|
margin-left: 1px;
|
|
1356
1366
|
}
|
|
1357
|
-
lux-card mat-card {
|
|
1358
|
-
padding: 16px;
|
|
1359
|
-
}
|
|
1360
1367
|
lux-card mat-card[class~=lux-cursor]:hover {
|
|
1361
1368
|
background-image: linear-gradient(270deg, #ffffff 0%, #f8fbff 100%);
|
|
1362
1369
|
background-color: #ffffff;
|
|
@@ -4126,13 +4133,101 @@ lux-button.lux-uppercase .lux-button-label {
|
|
|
4126
4133
|
}
|
|
4127
4134
|
.lux-badge-notification.mat-badge:not(.mat-badge-disabled).mat-badge-warn .mat-badge-content {
|
|
4128
4135
|
color: #ffffff;
|
|
4129
|
-
background-color: #
|
|
4136
|
+
background-color: #c00013;
|
|
4130
4137
|
}
|
|
4131
4138
|
.lux-badge-notification.lux-badge-color-default.mat-badge:not(.mat-badge-disabled) .mat-badge-content {
|
|
4132
4139
|
color: white;
|
|
4133
4140
|
background: #605e5e;
|
|
4134
4141
|
}
|
|
4135
4142
|
|
|
4143
|
+
.lux-text-highlight-primary,
|
|
4144
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary,
|
|
4145
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary {
|
|
4146
|
+
color: #003366;
|
|
4147
|
+
background-color: #d5e3ff;
|
|
4148
|
+
}
|
|
4149
|
+
@media (prefers-contrast: more) {
|
|
4150
|
+
.lux-text-highlight-primary,
|
|
4151
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary,
|
|
4152
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary {
|
|
4153
|
+
color: #1c1b1b;
|
|
4154
|
+
background-color: #89ace7;
|
|
4155
|
+
}
|
|
4156
|
+
}
|
|
4157
|
+
|
|
4158
|
+
.lux-text-highlight-primary-strong,
|
|
4159
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary-strong,
|
|
4160
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary-strong {
|
|
4161
|
+
color: #1c1b1b;
|
|
4162
|
+
background-color: #89ace7;
|
|
4163
|
+
}
|
|
4164
|
+
|
|
4165
|
+
.lux-text-highlight-success,
|
|
4166
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success,
|
|
4167
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success {
|
|
4168
|
+
color: #00531d;
|
|
4169
|
+
background-color: #c6ffc5;
|
|
4170
|
+
}
|
|
4171
|
+
@media (prefers-contrast: more) {
|
|
4172
|
+
.lux-text-highlight-success,
|
|
4173
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success,
|
|
4174
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success {
|
|
4175
|
+
color: #1c1b1b;
|
|
4176
|
+
background-color: #56bd66;
|
|
4177
|
+
}
|
|
4178
|
+
}
|
|
4179
|
+
|
|
4180
|
+
.lux-text-highlight-success-strong,
|
|
4181
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success-strong,
|
|
4182
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success-strong {
|
|
4183
|
+
color: #1c1b1b;
|
|
4184
|
+
background-color: #56bd66;
|
|
4185
|
+
}
|
|
4186
|
+
|
|
4187
|
+
.lux-text-highlight-alert,
|
|
4188
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert,
|
|
4189
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert {
|
|
4190
|
+
color: #1c1b1b;
|
|
4191
|
+
background-color: #fdedab;
|
|
4192
|
+
}
|
|
4193
|
+
@media (prefers-contrast: more) {
|
|
4194
|
+
.lux-text-highlight-alert,
|
|
4195
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert,
|
|
4196
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert {
|
|
4197
|
+
color: #1c1b1b;
|
|
4198
|
+
background-color: #fbd12c;
|
|
4199
|
+
}
|
|
4200
|
+
}
|
|
4201
|
+
|
|
4202
|
+
.lux-text-highlight-alert-strong,
|
|
4203
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert-strong,
|
|
4204
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert-strong {
|
|
4205
|
+
color: #1c1b1b;
|
|
4206
|
+
background-color: #fbd12c;
|
|
4207
|
+
}
|
|
4208
|
+
|
|
4209
|
+
.lux-text-highlight-error,
|
|
4210
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error,
|
|
4211
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error {
|
|
4212
|
+
color: #93000c;
|
|
4213
|
+
background-color: #ffdad6;
|
|
4214
|
+
}
|
|
4215
|
+
@media (prefers-contrast: more) {
|
|
4216
|
+
.lux-text-highlight-error,
|
|
4217
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error,
|
|
4218
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error {
|
|
4219
|
+
color: #1c1b1b;
|
|
4220
|
+
background-color: #ff897e;
|
|
4221
|
+
}
|
|
4222
|
+
}
|
|
4223
|
+
|
|
4224
|
+
.lux-text-highlight-error-strong,
|
|
4225
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error-strong,
|
|
4226
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error-strong {
|
|
4227
|
+
color: #1c1b1b;
|
|
4228
|
+
background-color: #ff897e;
|
|
4229
|
+
}
|
|
4230
|
+
|
|
4136
4231
|
lux-form-control-wrapper {
|
|
4137
4232
|
width: 100%;
|
|
4138
4233
|
/* Change Autocomplete styles in Chrome*/
|
|
@@ -4991,7 +5086,7 @@ mat-error.mat-mdc-form-field-bottom-align::before {
|
|
|
4991
5086
|
}
|
|
4992
5087
|
.lux-master-detail-ac .lux-master-view-ac .lux-list-empty-icon,
|
|
4993
5088
|
.lux-master-detail-ac .lux-master-view-ac .lux-list-empty-icon-text {
|
|
4994
|
-
color: rgb(
|
|
5089
|
+
color: rgb(97, 97, 97);
|
|
4995
5090
|
opacity: 1;
|
|
4996
5091
|
margin-bottom: 8px;
|
|
4997
5092
|
}
|
|
@@ -5024,7 +5119,7 @@ mat-error.mat-mdc-form-field-bottom-align::before {
|
|
|
5024
5119
|
}
|
|
5025
5120
|
.lux-master-detail-ac .lux-detail-ac-container .lux-detail-empty-icon,
|
|
5026
5121
|
.lux-master-detail-ac .lux-detail-ac-container .lux-detail-empty-icon-text {
|
|
5027
|
-
color: rgb(
|
|
5122
|
+
color: rgb(97, 97, 97);
|
|
5028
5123
|
opacity: 1;
|
|
5029
5124
|
}
|
|
5030
5125
|
.lux-master-detail-ac .lux-detail-ac-container.lux-detail-ac-container-mobile {
|
|
@@ -6171,7 +6266,11 @@ lux-table .lux-table td.mat-mdc-footer-cell {
|
|
|
6171
6266
|
color: #003366;
|
|
6172
6267
|
padding-bottom: 1em;
|
|
6173
6268
|
}
|
|
6174
|
-
lux-table .lux-table .lux-table-filter {
|
|
6269
|
+
lux-table .lux-table .lux-table-filter-input {
|
|
6270
|
+
width: 100%;
|
|
6271
|
+
max-width: 350px;
|
|
6272
|
+
}
|
|
6273
|
+
lux-table .lux-table .lux-table-column-selector {
|
|
6175
6274
|
width: 100%;
|
|
6176
6275
|
max-width: 350px;
|
|
6177
6276
|
}
|
|
@@ -6295,7 +6394,10 @@ lux-table .lux-table lux-checkbox-ac .mat-mdc-checkbox-inner-container {
|
|
|
6295
6394
|
margin: 0px;
|
|
6296
6395
|
}
|
|
6297
6396
|
@media screen and (max-width: 599px) {
|
|
6298
|
-
lux-table .lux-table .lux-table-filter {
|
|
6397
|
+
lux-table .lux-table .lux-table-filter-input {
|
|
6398
|
+
max-width: 100%;
|
|
6399
|
+
}
|
|
6400
|
+
lux-table .lux-table .lux-table-column-selector {
|
|
6299
6401
|
max-width: 100%;
|
|
6300
6402
|
}
|
|
6301
6403
|
}
|