@ngx-stoui/core 20.0.3 → 20.0.4
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/ngx-datatable.css +10 -3
- package/ngx-stoui.css +14 -0
- package/package.json +1 -1
- package/style/datatable/_ngx-datatable-form.scss +8 -1
- package/style/datatable/ngx-datatable.scss +2 -2
- package/style/theme/_datatable.scss +14 -1
- /package/{ngx-stoui-core-20.0.3.tgz → ngx-stoui-core-20.0.4.tgz} +0 -0
package/ngx-datatable.css
CHANGED
|
@@ -133,10 +133,18 @@
|
|
|
133
133
|
|
|
134
134
|
.sto-datatable .sto-form__field {
|
|
135
135
|
width: 100%;
|
|
136
|
+
min-height: auto;
|
|
137
|
+
--mat-form-field-container-vertical-padding: 7px;
|
|
136
138
|
}
|
|
137
139
|
.sto-datatable .sto-form__field--readonly .mat-mdc-form-field-flex, .sto-datatable .sto-form__field--disabled .mat-mdc-form-field-flex {
|
|
138
140
|
border: 0;
|
|
139
141
|
}
|
|
142
|
+
.sto-datatable .sto-form__field .mat-mdc-form-field-flex {
|
|
143
|
+
padding: 0 6px;
|
|
144
|
+
}
|
|
145
|
+
.sto-datatable .sto-form__field .mat-mdc-form-field-subscript-wrapper {
|
|
146
|
+
display: none;
|
|
147
|
+
}
|
|
140
148
|
.sto-datatable .sto-form__field input[type=number] {
|
|
141
149
|
text-align: right;
|
|
142
150
|
}
|
|
@@ -169,7 +177,6 @@
|
|
|
169
177
|
|
|
170
178
|
.sto-compact .sto-datatable .sto-form__field .mat-mdc-form-field-flex {
|
|
171
179
|
height: auto;
|
|
172
|
-
padding: 0 6px;
|
|
173
180
|
}
|
|
174
181
|
.sto-compact .sto-datatable .sto-form__field .mat-mdc-form-field-icon-suffix {
|
|
175
182
|
height: 22px;
|
|
@@ -240,8 +247,8 @@
|
|
|
240
247
|
padding: 0;
|
|
241
248
|
}
|
|
242
249
|
.sto-datatable .datatable-body .datatable-body-row .datatable-body-cell .mat-mdc-form-field {
|
|
243
|
-
--mat-form-field-container-vertical-padding:
|
|
244
|
-
--mat-form-field-container-height:
|
|
250
|
+
--mat-form-field-container-vertical-padding: 6px;
|
|
251
|
+
--mat-form-field-container-height: 32px;
|
|
245
252
|
margin: 0 4px;
|
|
246
253
|
min-height: 0;
|
|
247
254
|
}
|
package/ngx-stoui.css
CHANGED
|
@@ -202,6 +202,20 @@ body .sto-datatable {
|
|
|
202
202
|
background-color: transparent;
|
|
203
203
|
color: var(--text);
|
|
204
204
|
}
|
|
205
|
+
body .sto-datatable .sto-form__field {
|
|
206
|
+
width: 100%;
|
|
207
|
+
min-height: auto;
|
|
208
|
+
--mat-form-field-container-vertical-padding: 8px;
|
|
209
|
+
}
|
|
210
|
+
body .sto-datatable .sto-form__field .mat-mdc-form-field-flex {
|
|
211
|
+
padding: 0 6px;
|
|
212
|
+
}
|
|
213
|
+
body .sto-datatable .sto-form__field .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
|
|
214
|
+
width: auto;
|
|
215
|
+
}
|
|
216
|
+
body .sto-datatable .sto-form__field .mat-mdc-form-field-subscript-wrapper {
|
|
217
|
+
display: none;
|
|
218
|
+
}
|
|
205
219
|
body .sto-datatable .datatable-body mat-icon,
|
|
206
220
|
body .sto-datatable .datatable-header mat-icon {
|
|
207
221
|
color: var(--text-secondary);
|
package/package.json
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
.sto-datatable {
|
|
2
2
|
.sto-form__field {
|
|
3
3
|
width: 100%;
|
|
4
|
+
min-height: auto;
|
|
5
|
+
--mat-form-field-container-vertical-padding: 7px;
|
|
4
6
|
&--readonly,
|
|
5
7
|
&--disabled {
|
|
6
8
|
.mat-mdc-form-field-flex {
|
|
7
9
|
border: 0;
|
|
8
10
|
}
|
|
9
11
|
}
|
|
12
|
+
.mat-mdc-form-field-flex {
|
|
13
|
+
padding: 0 6px;
|
|
14
|
+
}
|
|
15
|
+
.mat-mdc-form-field-subscript-wrapper {
|
|
16
|
+
display: none;
|
|
17
|
+
}
|
|
10
18
|
|
|
11
19
|
input[type='number'] {
|
|
12
20
|
text-align: right;
|
|
@@ -56,7 +64,6 @@
|
|
|
56
64
|
.sto-form__field {
|
|
57
65
|
.mat-mdc-form-field-flex {
|
|
58
66
|
height: auto;
|
|
59
|
-
padding: 0 6px;
|
|
60
67
|
}
|
|
61
68
|
|
|
62
69
|
.mat-mdc-form-field-icon-suffix {
|
|
@@ -70,8 +70,8 @@
|
|
|
70
70
|
padding: 0;
|
|
71
71
|
}
|
|
72
72
|
.mat-mdc-form-field {
|
|
73
|
-
--mat-form-field-container-vertical-padding:
|
|
74
|
-
--mat-form-field-container-height:
|
|
73
|
+
--mat-form-field-container-vertical-padding: 6px;
|
|
74
|
+
--mat-form-field-container-height: 32px;
|
|
75
75
|
margin: 0 4px;
|
|
76
76
|
min-height: 0;
|
|
77
77
|
}
|
|
@@ -80,7 +80,20 @@
|
|
|
80
80
|
.sto-datatable {
|
|
81
81
|
background-color: $background-color;
|
|
82
82
|
color: $color;
|
|
83
|
-
|
|
83
|
+
.sto-form__field {
|
|
84
|
+
width: 100%;
|
|
85
|
+
min-height: auto;
|
|
86
|
+
--mat-form-field-container-vertical-padding: 8px;
|
|
87
|
+
.mat-mdc-form-field-flex {
|
|
88
|
+
padding: 0 6px;
|
|
89
|
+
.mat-mdc-form-field-infix {
|
|
90
|
+
width: auto;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
.mat-mdc-form-field-subscript-wrapper {
|
|
94
|
+
display: none;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
84
97
|
.datatable-body,
|
|
85
98
|
.datatable-header {
|
|
86
99
|
mat-icon {
|
|
File without changes
|