@ihk-gfi/lux-components-theme 18.1.0 → 18.2.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 +29 -3
- 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 +29 -3
- package/prebuilt-themes/luxtheme-green.css.map +1 -1
- package/src/base/components/_luxAppFooter.scss +1 -0
- package/src/base/components/_luxButton.scss +5 -0
- package/src/base/components/_luxCard.scss +20 -3
- package/src/base/components/_luxFormControlsAuthentic.scss +10 -0
|
@@ -848,6 +848,7 @@ lux-side-nav .lux-side-nav-item:hover:not(.lux-side-nav-disabled) {
|
|
|
848
848
|
}
|
|
849
849
|
|
|
850
850
|
lux-app-footer {
|
|
851
|
+
display: flex;
|
|
851
852
|
flex: 0 0 auto;
|
|
852
853
|
height: 60px;
|
|
853
854
|
min-height: 60px;
|
|
@@ -1183,8 +1184,14 @@ lux-card .mat-mdc-card.lux-card:not([class*=mat-elevation-z]) {
|
|
|
1183
1184
|
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);
|
|
1184
1185
|
}
|
|
1185
1186
|
lux-card .mat-mdc-card.lux-card .mat-mdc-card-content {
|
|
1186
|
-
padding: 16px 0 0 0;
|
|
1187
1187
|
font-size: 1rem;
|
|
1188
|
+
padding: 0;
|
|
1189
|
+
}
|
|
1190
|
+
lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content {
|
|
1191
|
+
padding: 16px 0 0 0;
|
|
1192
|
+
}
|
|
1193
|
+
lux-card .mat-mdc-card.lux-card .mat-mdc-card-content .lux-card-content:empty {
|
|
1194
|
+
padding: 0;
|
|
1188
1195
|
}
|
|
1189
1196
|
lux-card .lux-card-content-container {
|
|
1190
1197
|
overflow-x: hidden;
|
|
@@ -1227,9 +1234,17 @@ lux-card .lux-card-header .lux-card-icon-container {
|
|
|
1227
1234
|
}
|
|
1228
1235
|
lux-card .lux-card-header .lux-card-info-container {
|
|
1229
1236
|
margin-left: 10px;
|
|
1230
|
-
grid-row: 1/span 2;
|
|
1231
1237
|
grid-column-start: 3;
|
|
1232
1238
|
}
|
|
1239
|
+
lux-card .lux-card-header .lux-card-info-container.lux-title.lux-subtitle {
|
|
1240
|
+
grid-row: 1/span 2;
|
|
1241
|
+
}
|
|
1242
|
+
lux-card .lux-card-header .lux-card-info-container.lux-title:not(.lux-subtitle) {
|
|
1243
|
+
grid-row: 1;
|
|
1244
|
+
}
|
|
1245
|
+
lux-card .lux-card-header .lux-card-info-container.lux-subtitle:not(.lux-title) {
|
|
1246
|
+
grid-row: 2;
|
|
1247
|
+
}
|
|
1233
1248
|
lux-card .lux-card-header .lux-card-title,
|
|
1234
1249
|
lux-card .lux-card-header .lux-card-subtitle {
|
|
1235
1250
|
grid-column-start: 2;
|
|
@@ -1252,7 +1267,6 @@ lux-card mat-card-actions.mat-mdc-card-actions {
|
|
|
1252
1267
|
lux-card mat-card-actions.lux-card-actions {
|
|
1253
1268
|
margin-right: 0;
|
|
1254
1269
|
margin-left: 0;
|
|
1255
|
-
padding: 4px 0 0 0;
|
|
1256
1270
|
}
|
|
1257
1271
|
lux-card .lux-tab-content .lux-card {
|
|
1258
1272
|
margin-right: 1px;
|
|
@@ -4270,6 +4284,10 @@ lux-checkbox-ac .mdc-checkbox .mdc-checkbox__background {
|
|
|
4270
4284
|
top: 0;
|
|
4271
4285
|
left: 0;
|
|
4272
4286
|
}
|
|
4287
|
+
lux-checkbox-ac .mdc-checkbox .mat-mdc-checkbox-touch-target {
|
|
4288
|
+
width: 24px;
|
|
4289
|
+
height: 24px;
|
|
4290
|
+
}
|
|
4273
4291
|
lux-checkbox-ac label {
|
|
4274
4292
|
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
|
|
4275
4293
|
font-size: 1rem;
|
|
@@ -4485,6 +4503,10 @@ lux-radio-ac .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio__native-contr
|
|
|
4485
4503
|
lux-radio-ac.lux-form-control-readonly {
|
|
4486
4504
|
pointer-events: none;
|
|
4487
4505
|
}
|
|
4506
|
+
lux-radio-ac .mdc-radio .mat-mdc-radio-touch-target {
|
|
4507
|
+
width: 24px;
|
|
4508
|
+
height: 24px;
|
|
4509
|
+
}
|
|
4488
4510
|
|
|
4489
4511
|
/*
|
|
4490
4512
|
* Theming for LUX-Input/LUX-Textarea
|
|
@@ -5021,6 +5043,10 @@ lux-button button.lux-button {
|
|
|
5021
5043
|
lux-button button.lux-button.mat-mdc-fab {
|
|
5022
5044
|
border-radius: 50%;
|
|
5023
5045
|
}
|
|
5046
|
+
lux-button button.lux-button.mat-mdc-fab .mat-mdc-button-touch-target {
|
|
5047
|
+
width: 36px;
|
|
5048
|
+
height: 36px;
|
|
5049
|
+
}
|
|
5024
5050
|
lux-button button.lux-button:not(.mat-mdc-fab) {
|
|
5025
5051
|
border-radius: 4px;
|
|
5026
5052
|
border-width: 1px;
|