@ngx-stoui/core 16.0.0 → 16.0.1
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 +8 -7
- package/ngx-stoui.css +14 -3
- package/package.json +1 -1
- package/style/datatable/ngx-datatable.scss +6 -10
- package/style/sto-grid.scss +2 -4
- package/style/theme/_datatable.scss +35 -22
package/ngx-datatable.css
CHANGED
|
@@ -272,15 +272,16 @@
|
|
|
272
272
|
overflow: hidden;
|
|
273
273
|
text-overflow: ellipsis;
|
|
274
274
|
}
|
|
275
|
-
|
|
276
|
-
.datatable-body-cell-
|
|
277
|
-
padding: 0;
|
|
278
|
-
}
|
|
279
|
-
.datatable-body-cell-label .mat-mdc-form-field-infix {
|
|
280
|
-
margin-top: -10px;
|
|
275
|
+
|
|
276
|
+
.datatable-body-cell .sto-form__field .mat-mdc-form-field-infix {
|
|
281
277
|
padding: 0 9px 0 0;
|
|
278
|
+
border-top: 0;
|
|
279
|
+
}
|
|
280
|
+
.datatable-body-cell .sto-form__field .mat-select,
|
|
281
|
+
.datatable-body-cell .sto-form__field .mat-input {
|
|
282
|
+
padding: 0;
|
|
282
283
|
}
|
|
283
|
-
.datatable-body-cell-
|
|
284
|
+
.datatable-body-cell .sto-form__field .mat-icon-button {
|
|
284
285
|
margin-left: -8px;
|
|
285
286
|
margin-top: -18px;
|
|
286
287
|
height: 36px;
|
package/ngx-stoui.css
CHANGED
|
@@ -206,6 +206,10 @@ body .ngx-datatable.sto-datatable .datatable-body mat-icon,
|
|
|
206
206
|
body .ngx-datatable.sto-datatable .datatable-header mat-icon {
|
|
207
207
|
color: var(--text-secondary);
|
|
208
208
|
}
|
|
209
|
+
body .ngx-datatable.sto-datatable .mat-mdc-checkbox {
|
|
210
|
+
--mdc-checkbox-state-layer-size: 25px;
|
|
211
|
+
display: inline-flex;
|
|
212
|
+
}
|
|
209
213
|
body .ngx-datatable.sto-datatable .datatable-header {
|
|
210
214
|
border-bottom: 1px solid var(--divider);
|
|
211
215
|
}
|
|
@@ -230,6 +234,14 @@ body .ngx-datatable.sto-datatable .datatable-body .datatable-body-row:not(.activ
|
|
|
230
234
|
body .ngx-datatable.sto-datatable .datatable-body .datatable-body-row:not(.active):hover .datatable-row-center {
|
|
231
235
|
background-color: var(--bg-hover);
|
|
232
236
|
}
|
|
237
|
+
body .ngx-datatable.sto-datatable .datatable-body .datatable-body-row .sto-form__field .mat-mdc-form-field-infix {
|
|
238
|
+
padding: 0 9px 0 0;
|
|
239
|
+
border-top: 0;
|
|
240
|
+
}
|
|
241
|
+
body .ngx-datatable.sto-datatable .datatable-body .datatable-body-row .mat-mdc-icon-button {
|
|
242
|
+
--mdc-icon-button-state-layer-size: 28px;
|
|
243
|
+
padding: 0;
|
|
244
|
+
}
|
|
233
245
|
body .ngx-datatable.sto-datatable .datatable-header .datatable-header-column-group .datatable-header-cell {
|
|
234
246
|
border-left: 1px solid var(--divider);
|
|
235
247
|
}
|
|
@@ -4651,8 +4663,6 @@ Use with StoGridDirective
|
|
|
4651
4663
|
}
|
|
4652
4664
|
.sto-f-grid__col {
|
|
4653
4665
|
min-height: 24px;
|
|
4654
|
-
margin-left: 8px;
|
|
4655
|
-
margin-right: 8px;
|
|
4656
4666
|
overflow: hidden;
|
|
4657
4667
|
}
|
|
4658
4668
|
.sto-f-grid__col--spacer {
|
|
@@ -4661,7 +4671,8 @@ Use with StoGridDirective
|
|
|
4661
4671
|
.sto-f-grid--1 .sto-f-grid__col--spacer {
|
|
4662
4672
|
display: none;
|
|
4663
4673
|
}
|
|
4664
|
-
.sto-f-grid--1 .sto-f-grid__col,
|
|
4674
|
+
.sto-f-grid--1 .sto-f-grid__col,
|
|
4675
|
+
.sto-f-grid--1 .sto-f-grid__col--2 {
|
|
4665
4676
|
flex: 1 1 calc(100% - 16px);
|
|
4666
4677
|
}
|
|
4667
4678
|
.sto-f-grid--2 .sto-f-grid__col {
|
package/package.json
CHANGED
|
@@ -156,7 +156,12 @@
|
|
|
156
156
|
overflow: hidden;
|
|
157
157
|
text-overflow: ellipsis;
|
|
158
158
|
}
|
|
159
|
-
|
|
159
|
+
}
|
|
160
|
+
.datatable-body-cell .sto-form__field {
|
|
161
|
+
.mat-mdc-form-field-infix {
|
|
162
|
+
padding: 0 9px 0 0;
|
|
163
|
+
border-top: 0;
|
|
164
|
+
}
|
|
160
165
|
.mat-select,
|
|
161
166
|
.mat-input {
|
|
162
167
|
padding: 0;
|
|
@@ -170,15 +175,6 @@
|
|
|
170
175
|
// font-size: $font-size;
|
|
171
176
|
}
|
|
172
177
|
|
|
173
|
-
.mat-mdc-form-field-infix {
|
|
174
|
-
margin-top: -10px;
|
|
175
|
-
padding: 0 9px 0 0;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.mat-input-underline {
|
|
179
|
-
//display: none;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
178
|
.mat-icon-button {
|
|
183
179
|
margin-left: -8px;
|
|
184
180
|
margin-top: -18px;
|
package/style/sto-grid.scss
CHANGED
|
@@ -11,8 +11,6 @@ Use with StoGridDirective
|
|
|
11
11
|
|
|
12
12
|
&__col {
|
|
13
13
|
min-height: 24px;
|
|
14
|
-
margin-left: 8px;
|
|
15
|
-
margin-right: 8px;
|
|
16
14
|
overflow: hidden;
|
|
17
15
|
|
|
18
16
|
&--spacer {
|
|
@@ -25,7 +23,8 @@ Use with StoGridDirective
|
|
|
25
23
|
display: none;
|
|
26
24
|
}
|
|
27
25
|
|
|
28
|
-
.sto-f-grid__col,
|
|
26
|
+
.sto-f-grid__col,
|
|
27
|
+
.sto-f-grid__col--2 {
|
|
29
28
|
flex: 1 1 calc(100% - 16px);
|
|
30
29
|
}
|
|
31
30
|
}
|
|
@@ -40,7 +39,6 @@ Use with StoGridDirective
|
|
|
40
39
|
|
|
41
40
|
&.sto-f-grid__col--spacer {
|
|
42
41
|
display: none;
|
|
43
|
-
|
|
44
42
|
}
|
|
45
43
|
}
|
|
46
44
|
}
|
|
@@ -87,37 +87,50 @@
|
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
+
.mat-mdc-checkbox {
|
|
91
|
+
--mdc-checkbox-state-layer-size: 25px;
|
|
92
|
+
display: inline-flex;
|
|
93
|
+
}
|
|
90
94
|
.datatable-header {
|
|
91
95
|
border-bottom: 1px solid $border-color;
|
|
96
|
+
.datatable-header-cell {
|
|
97
|
+
color: $color;
|
|
98
|
+
}
|
|
92
99
|
}
|
|
93
100
|
|
|
94
|
-
.datatable-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
.datatable-body .progress-linear {
|
|
99
|
-
.container {
|
|
100
|
-
background-color: $accent;
|
|
101
|
+
.datatable-body {
|
|
102
|
+
.progress-linear {
|
|
103
|
+
.container {
|
|
104
|
+
background-color: $accent;
|
|
101
105
|
|
|
102
|
-
|
|
103
|
-
|
|
106
|
+
.bar {
|
|
107
|
+
background-color: $primary;
|
|
108
|
+
}
|
|
104
109
|
}
|
|
105
110
|
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
111
|
+
.datatable-body-row {
|
|
112
|
+
color: $color;
|
|
113
|
+
border-bottom: 1px solid $border-color;
|
|
114
|
+
&:not(.active):hover {
|
|
115
|
+
.datatable-row-left,
|
|
116
|
+
.datatable-row-right,
|
|
117
|
+
.datatable-row-center {
|
|
118
|
+
background-color: $hover-color;
|
|
119
|
+
}
|
|
112
120
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
121
|
+
background-color: $hover-color;
|
|
122
|
+
}
|
|
123
|
+
.sto-form__field {
|
|
124
|
+
.mat-mdc-form-field-infix {
|
|
125
|
+
padding: 0 9px 0 0;
|
|
126
|
+
border-top: 0;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
.mat-mdc-icon-button {
|
|
130
|
+
--mdc-icon-button-state-layer-size: 28px;
|
|
131
|
+
padding: 0;
|
|
132
|
+
}
|
|
118
133
|
}
|
|
119
|
-
|
|
120
|
-
background-color: $hover-color;
|
|
121
134
|
}
|
|
122
135
|
|
|
123
136
|
.datatable-header .datatable-header-column-group .datatable-header-cell {
|