@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
package/src/base/_luxstyles.scss
CHANGED
|
@@ -623,7 +623,7 @@ $notificationSizes: (18, 24, 30);
|
|
|
623
623
|
|
|
624
624
|
&.mat-badge:not(.mat-badge-disabled).mat-badge-warn .mat-badge-content {
|
|
625
625
|
color: #ffffff;
|
|
626
|
-
background-color: #
|
|
626
|
+
background-color: #c00013;
|
|
627
627
|
}
|
|
628
628
|
|
|
629
629
|
&.lux-badge-color-default {
|
|
@@ -633,3 +633,79 @@ $notificationSizes: (18, 24, 30);
|
|
|
633
633
|
}
|
|
634
634
|
}
|
|
635
635
|
}
|
|
636
|
+
|
|
637
|
+
.lux-text-highlight-primary,
|
|
638
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary,
|
|
639
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary {
|
|
640
|
+
color: #003366;
|
|
641
|
+
background-color: #d5e3ff;
|
|
642
|
+
|
|
643
|
+
@media (prefers-contrast: more) {
|
|
644
|
+
color: #1c1b1b;
|
|
645
|
+
background-color: #89ace7;
|
|
646
|
+
}
|
|
647
|
+
}
|
|
648
|
+
|
|
649
|
+
.lux-text-highlight-primary-strong,
|
|
650
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-primary-strong,
|
|
651
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-primary-strong {
|
|
652
|
+
color: #1c1b1b;
|
|
653
|
+
background-color: #89ace7;
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
.lux-text-highlight-success,
|
|
657
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success,
|
|
658
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success {
|
|
659
|
+
color: #00531d;
|
|
660
|
+
background-color: #c6ffc5;
|
|
661
|
+
|
|
662
|
+
@media (prefers-contrast: more) {
|
|
663
|
+
color: #1c1b1b;
|
|
664
|
+
background-color: #56bd66;
|
|
665
|
+
}
|
|
666
|
+
}
|
|
667
|
+
|
|
668
|
+
.lux-text-highlight-success-strong,
|
|
669
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-success-strong,
|
|
670
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-success-strong {
|
|
671
|
+
color: #1c1b1b;
|
|
672
|
+
background-color: #56bd66;
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.lux-text-highlight-alert,
|
|
676
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert,
|
|
677
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert {
|
|
678
|
+
color: #1c1b1b;
|
|
679
|
+
background-color: #fdedab;
|
|
680
|
+
|
|
681
|
+
@media (prefers-contrast: more) {
|
|
682
|
+
color: #1c1b1b;
|
|
683
|
+
background-color: #fbd12c;
|
|
684
|
+
}
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
.lux-text-highlight-alert-strong,
|
|
688
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-alert-strong,
|
|
689
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-alert-strong {
|
|
690
|
+
color: #1c1b1b;
|
|
691
|
+
background-color: #fbd12c;
|
|
692
|
+
}
|
|
693
|
+
|
|
694
|
+
.lux-text-highlight-error,
|
|
695
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error,
|
|
696
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error {
|
|
697
|
+
color: #93000c;
|
|
698
|
+
background-color: #ffdad6;
|
|
699
|
+
|
|
700
|
+
@media (prefers-contrast: more) {
|
|
701
|
+
color: #1c1b1b;
|
|
702
|
+
background-color: #ff897e;
|
|
703
|
+
}
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
.lux-text-highlight-error-strong,
|
|
707
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(even).lux-text-highlight-error-strong,
|
|
708
|
+
lux-table .lux-table .lux-table-content .mat-mdc-row:nth-child(odd).lux-text-highlight-error-strong {
|
|
709
|
+
color: #1c1b1b;
|
|
710
|
+
background-color: #ff897e;
|
|
711
|
+
}
|
|
@@ -19,6 +19,27 @@ lux-card {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
// Hier wird das Padding der LUX-Card gesetzt.
|
|
23
|
+
mat-card {
|
|
24
|
+
padding: 16px;
|
|
25
|
+
|
|
26
|
+
.mat-mdc-card-content {
|
|
27
|
+
padding: 0;
|
|
28
|
+
|
|
29
|
+
&:first-child {
|
|
30
|
+
padding: 0;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.lux-card-content {
|
|
34
|
+
padding: 0;
|
|
35
|
+
|
|
36
|
+
&.lux-card-with-content-and-header {
|
|
37
|
+
padding-top: 16px;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
22
43
|
// Umstylen der Mat-Card
|
|
23
44
|
.mat-mdc-card.lux-card {
|
|
24
45
|
border: 1px solid luxcommon.$app-border-color;
|
|
@@ -30,16 +51,9 @@ lux-card {
|
|
|
30
51
|
&:not([class*="mat-elevation-z"]) {
|
|
31
52
|
@include luxelevations.lux-elevation-z0;
|
|
32
53
|
}
|
|
54
|
+
|
|
33
55
|
.mat-mdc-card-content {
|
|
34
56
|
font-size: 1rem;
|
|
35
|
-
padding: 0;
|
|
36
|
-
|
|
37
|
-
.lux-card-content {
|
|
38
|
-
padding: 16px 0 0 0;
|
|
39
|
-
&:empty {
|
|
40
|
-
padding: 0;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
57
|
}
|
|
44
58
|
}
|
|
45
59
|
|
|
@@ -125,6 +139,8 @@ lux-card {
|
|
|
125
139
|
&.mat-mdc-card-actions {
|
|
126
140
|
justify-content: flex-end;
|
|
127
141
|
min-height: 36px;
|
|
142
|
+
padding-left: 0;
|
|
143
|
+
padding-right: 0;
|
|
128
144
|
}
|
|
129
145
|
|
|
130
146
|
&.lux-card-actions {
|
|
@@ -146,7 +162,6 @@ lux-card {
|
|
|
146
162
|
// HOVER / FOCUS
|
|
147
163
|
|
|
148
164
|
mat-card {
|
|
149
|
-
padding: 16px;
|
|
150
165
|
&[class~="lux-cursor"]:hover {
|
|
151
166
|
background-image: luxcommon.$app-gradient-reverse;
|
|
152
167
|
background-color: #ffffff;
|
|
@@ -181,7 +181,7 @@ $listmargin: calc(luxcommon.$outline-width + 1px);
|
|
|
181
181
|
}
|
|
182
182
|
.lux-list-empty-icon,
|
|
183
183
|
.lux-list-empty-icon-text {
|
|
184
|
-
|
|
184
|
+
color: rgb(97, 97, 97);
|
|
185
185
|
opacity: 1;
|
|
186
186
|
margin-bottom: 8px;
|
|
187
187
|
}
|
|
@@ -221,7 +221,7 @@ $listmargin: calc(luxcommon.$outline-width + 1px);
|
|
|
221
221
|
|
|
222
222
|
.lux-detail-empty-icon,
|
|
223
223
|
.lux-detail-empty-icon-text {
|
|
224
|
-
|
|
224
|
+
color: rgb(97, 97, 97);
|
|
225
225
|
opacity: 1;
|
|
226
226
|
}
|
|
227
227
|
&.lux-detail-ac-container-mobile {
|
|
@@ -67,7 +67,12 @@ lux-table {
|
|
|
67
67
|
padding-bottom: 1em;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
.lux-table-filter {
|
|
70
|
+
.lux-table-filter-input {
|
|
71
|
+
width: 100%;
|
|
72
|
+
max-width: 350px;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.lux-table-column-selector {
|
|
71
76
|
width: 100%;
|
|
72
77
|
max-width: 350px;
|
|
73
78
|
}
|
|
@@ -219,7 +224,10 @@ lux-table {
|
|
|
219
224
|
}
|
|
220
225
|
|
|
221
226
|
@include luxbreakpoints.xs {
|
|
222
|
-
.lux-table-filter {
|
|
227
|
+
.lux-table-filter-input {
|
|
228
|
+
max-width: 100%;
|
|
229
|
+
}
|
|
230
|
+
.lux-table-column-selector {
|
|
223
231
|
max-width: 100%;
|
|
224
232
|
}
|
|
225
233
|
}
|