@ngx-stoui/core 20.0.7 → 20.0.8
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 +9 -2
- package/ngx-stoui.css +9 -2
- package/package.json +1 -1
- package/style/_fonts.scss +3 -3
- package/style/datatable/_ngx-datatable-form.scss +1 -1
- package/style/datatable/ngx-datatable.scss +8 -1
- package/style/theme/_datatable.scss +10 -2
- package/ngx-stoui-core-20.0.7.tgz +0 -0
package/ngx-datatable.css
CHANGED
|
@@ -132,7 +132,6 @@
|
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
.sto-datatable .sto-form__field {
|
|
135
|
-
width: calc(100% - 4px);
|
|
136
135
|
min-height: auto;
|
|
137
136
|
--mat-form-field-container-vertical-padding: 7px;
|
|
138
137
|
}
|
|
@@ -196,6 +195,11 @@
|
|
|
196
195
|
border-radius: 2px;
|
|
197
196
|
margin-bottom: 4px;
|
|
198
197
|
}
|
|
198
|
+
.sto-datatable [role=table] {
|
|
199
|
+
display: flex;
|
|
200
|
+
flex-direction: column;
|
|
201
|
+
height: 100%;
|
|
202
|
+
}
|
|
199
203
|
.sto-datatable .datatable-header .datatable-header-cell {
|
|
200
204
|
padding: 16px 8px 4px 8px;
|
|
201
205
|
line-height: 13px;
|
|
@@ -233,11 +237,14 @@
|
|
|
233
237
|
.sto-datatable .datatable-header .resize-handle {
|
|
234
238
|
border-right: solid 1px #eee;
|
|
235
239
|
}
|
|
240
|
+
.sto-datatable .datatable-body {
|
|
241
|
+
flex: 1;
|
|
242
|
+
}
|
|
236
243
|
.sto-datatable .datatable-body .datatable-body-cell-label {
|
|
237
244
|
line-height: 20px;
|
|
238
245
|
}
|
|
239
246
|
.sto-datatable .datatable-body .datatable-body-row .datatable-body-cell {
|
|
240
|
-
--mat-checkbox-state-layer-size:
|
|
247
|
+
--mat-checkbox-state-layer-size: 25px;
|
|
241
248
|
padding: 8px;
|
|
242
249
|
vertical-align: top;
|
|
243
250
|
border-top: 0;
|
package/ngx-stoui.css
CHANGED
|
@@ -202,8 +202,12 @@ body .sto-datatable {
|
|
|
202
202
|
background-color: transparent;
|
|
203
203
|
color: var(--text);
|
|
204
204
|
}
|
|
205
|
+
body .sto-datatable [role=table] {
|
|
206
|
+
display: flex;
|
|
207
|
+
flex-direction: column;
|
|
208
|
+
height: 100%;
|
|
209
|
+
}
|
|
205
210
|
body .sto-datatable .sto-form__field {
|
|
206
|
-
width: calc(100% - 4px);
|
|
207
211
|
min-height: auto;
|
|
208
212
|
--mat-form-field-container-vertical-padding: 8px;
|
|
209
213
|
}
|
|
@@ -216,12 +220,15 @@ body .sto-datatable .sto-form__field .mat-mdc-form-field-flex .mat-mdc-form-fiel
|
|
|
216
220
|
body .sto-datatable .sto-form__field .mat-mdc-form-field-subscript-wrapper {
|
|
217
221
|
display: none;
|
|
218
222
|
}
|
|
223
|
+
body .sto-datatable .datatable-body {
|
|
224
|
+
flex: 1;
|
|
225
|
+
}
|
|
219
226
|
body .sto-datatable .datatable-body mat-icon,
|
|
220
227
|
body .sto-datatable .datatable-header mat-icon {
|
|
221
228
|
color: var(--text-secondary);
|
|
222
229
|
}
|
|
223
230
|
body .sto-datatable .mat-mdc-checkbox {
|
|
224
|
-
--mat-checkbox-state-layer-size:
|
|
231
|
+
--mat-checkbox-state-layer-size: 25px;
|
|
225
232
|
}
|
|
226
233
|
body .sto-datatable .datatable-header {
|
|
227
234
|
border-bottom: 1px solid var(--divider);
|
package/package.json
CHANGED
package/style/_fonts.scss
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@import url(
|
|
2
|
-
@import url(
|
|
3
|
-
@import url(
|
|
1
|
+
@import url('https://cdn.eds.equinor.com/font/equinor-font.css');
|
|
2
|
+
@import url('https://fonts.googleapis.com/css?family=Material+Icons');
|
|
3
|
+
@import url('https://fonts.googleapis.com/css?family=Material+Icons+Outlined');
|
|
@@ -5,6 +5,12 @@
|
|
|
5
5
|
border-radius: 2px;
|
|
6
6
|
margin-bottom: 4px;
|
|
7
7
|
|
|
8
|
+
[role='table'] {
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
height: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
8
14
|
.datatable-header {
|
|
9
15
|
.datatable-header-cell {
|
|
10
16
|
padding: 16px 8px 4px 8px;
|
|
@@ -52,13 +58,14 @@
|
|
|
52
58
|
}
|
|
53
59
|
|
|
54
60
|
.datatable-body {
|
|
61
|
+
flex: 1;
|
|
55
62
|
.datatable-body-cell-label {
|
|
56
63
|
line-height: 20px;
|
|
57
64
|
}
|
|
58
65
|
|
|
59
66
|
.datatable-body-row {
|
|
60
67
|
.datatable-body-cell {
|
|
61
|
-
--mat-checkbox-state-layer-size:
|
|
68
|
+
--mat-checkbox-state-layer-size: 25px;
|
|
62
69
|
padding: 8px;
|
|
63
70
|
vertical-align: top;
|
|
64
71
|
border-top: 0;
|
|
@@ -80,8 +80,13 @@
|
|
|
80
80
|
.sto-datatable {
|
|
81
81
|
background-color: $background-color;
|
|
82
82
|
color: $color;
|
|
83
|
+
[role='table'] {
|
|
84
|
+
display: flex;
|
|
85
|
+
flex-direction: column;
|
|
86
|
+
height: 100%;
|
|
87
|
+
}
|
|
83
88
|
.sto-form__field {
|
|
84
|
-
width: calc(100% - 4px);
|
|
89
|
+
// width: calc(100% - 4px);
|
|
85
90
|
min-height: auto;
|
|
86
91
|
--mat-form-field-container-vertical-padding: 8px;
|
|
87
92
|
.mat-mdc-form-field-flex {
|
|
@@ -94,6 +99,9 @@
|
|
|
94
99
|
display: none;
|
|
95
100
|
}
|
|
96
101
|
}
|
|
102
|
+
.datatable-body {
|
|
103
|
+
flex: 1;
|
|
104
|
+
}
|
|
97
105
|
.datatable-body,
|
|
98
106
|
.datatable-header {
|
|
99
107
|
mat-icon {
|
|
@@ -102,7 +110,7 @@
|
|
|
102
110
|
}
|
|
103
111
|
|
|
104
112
|
.mat-mdc-checkbox {
|
|
105
|
-
--mat-checkbox-state-layer-size:
|
|
113
|
+
--mat-checkbox-state-layer-size: 25px;
|
|
106
114
|
}
|
|
107
115
|
.datatable-header {
|
|
108
116
|
border-bottom: 1px solid $border-color;
|
|
File without changes
|