@ngx-stoui/core 20.0.9 → 20.0.11

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 CHANGED
@@ -259,6 +259,9 @@
259
259
  margin: 0 4px;
260
260
  min-height: 0;
261
261
  }
262
+ .sto-datatable .datatable-body .datatable-body-row .datatable-body-cell .mat-mdc-form-field:has(.mat-mdc-chip-set) {
263
+ --mat-form-field-container-vertical-padding: 3px;
264
+ }
262
265
  .sto-datatable .datatable-body .datatable-body-row .datatable-body-cell .mat-mdc-form-field-subscript-wrapper {
263
266
  display: none;
264
267
  }
package/ngx-stoui.css CHANGED
@@ -171,6 +171,12 @@ body .sto-mdl-table .mat-icon-button:hover {
171
171
  body .sto-mdl-table__actions {
172
172
  border-bottom: 1px solid var(--divider);
173
173
  }
174
+ body .sto-mdl-table__header__row, body .sto-mdl-table__body__row {
175
+ gap: 0 2px;
176
+ }
177
+ body .sto-mdl-table__header__row__cell:first-child, body .sto-mdl-table__body__row__cell:first-child {
178
+ padding-left: 8px;
179
+ }
174
180
  body .sto-mdl-table__header__row {
175
181
  border-bottom: 1px solid var(--divider);
176
182
  background-color: var(--bg-light);
@@ -4341,6 +4347,10 @@ html body .mat-mdc-form-field label:has(> mat-label:empty) > .mat-mdc-form-field
4341
4347
  box-sizing: content-box;
4342
4348
  }
4343
4349
 
4350
+ .mat-mdc-chip.mat-mdc-standard-chip {
4351
+ --mat-chip-container-height: 23px;
4352
+ }
4353
+
4344
4354
  table {
4345
4355
  border-collapse: collapse;
4346
4356
  border-spacing: 0;
@@ -4550,8 +4560,12 @@ body .sto-form__field--disabled .mat-select.mat-select-disabled .mat-select-arro
4550
4560
  }
4551
4561
  .sto-form__field.sto-form__field--readonly, .sto-form__field.sto-form__field--disabled {
4552
4562
  --mat-form-field-filled-container-color: var(--bg-default);
4563
+ --mat-form-field-filled-disabled-container-color: var(--bg-default);
4553
4564
  cursor: default;
4554
4565
  }
4566
+ .sto-form__field.sto-form__field--readonly .mat-mdc-text-field-wrapper, .sto-form__field.sto-form__field--disabled .mat-mdc-text-field-wrapper {
4567
+ border: 1px solid var(--bg-medium);
4568
+ }
4555
4569
  .sto-form__field.sto-form__field--disabled {
4556
4570
  cursor: default;
4557
4571
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ngx-stoui/core",
3
- "version": "20.0.9",
3
+ "version": "20.0.11",
4
4
  "author": {
5
5
  "name": "Ronnie Laugen",
6
6
  "email": "rhenri@equinor.com"
@@ -81,6 +81,9 @@
81
81
  --mat-form-field-container-height: 32px;
82
82
  margin: 0 4px;
83
83
  min-height: 0;
84
+ &:has(.mat-mdc-chip-set) {
85
+ --mat-form-field-container-vertical-padding: 3px;
86
+ }
84
87
  }
85
88
  .mat-mdc-form-field-subscript-wrapper {
86
89
  display: none;
@@ -137,7 +137,11 @@ $border-radius: 4px;
137
137
  &.sto-form__field--readonly,
138
138
  &.sto-form__field--disabled {
139
139
  --mat-form-field-filled-container-color: var(--bg-default);
140
+ --mat-form-field-filled-disabled-container-color: var(--bg-default);
140
141
  cursor: default;
142
+ .mat-mdc-text-field-wrapper {
143
+ border: 1px solid var(--bg-medium);
144
+ }
141
145
  }
142
146
  &.sto-form__field--disabled {
143
147
  cursor: default;
@@ -31,6 +31,13 @@
31
31
  &__actions {
32
32
  border-bottom: 1px solid $border-color;
33
33
  }
34
+ &__header__row,
35
+ &__body__row {
36
+ gap: 0 2px;
37
+ &__cell:first-child {
38
+ padding-left: 8px;
39
+ }
40
+ }
34
41
 
35
42
  &__header__row {
36
43
  border-bottom: 1px solid $border-color;