@ngx-stoui/core 21.0.8 → 21.0.10
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-stoui.css +16 -6
- package/package.json +1 -1
package/ngx-stoui.css
CHANGED
|
@@ -105,11 +105,15 @@
|
|
|
105
105
|
/**
|
|
106
106
|
* CDK Overlay Theming
|
|
107
107
|
*
|
|
108
|
-
* Autocomplete, select, and datepicker panels render in
|
|
109
|
-
*
|
|
110
|
-
*
|
|
108
|
+
* Autocomplete, select, and datepicker panels render in CDK
|
|
109
|
+
* overlays. Historically they teleported into `.cdk-overlay-container`
|
|
110
|
+
* at <body>, but Angular CDK 21 introduced the popover API and now
|
|
111
|
+
* nests autocomplete / select panels in `.cdk-overlay-popover`
|
|
112
|
+
* adjacent to the trigger. Apply EDS token overrides to both wrappers
|
|
113
|
+
* so panels stay themed regardless of which overlay strategy CDK picks.
|
|
111
114
|
*/
|
|
112
|
-
.cdk-overlay-container
|
|
115
|
+
.cdk-overlay-container,
|
|
116
|
+
.cdk-overlay-popover {
|
|
113
117
|
/* Option panels */
|
|
114
118
|
--mat-option-label-text-color: var(
|
|
115
119
|
--eds_text_static_icons__default,
|
|
@@ -183,7 +187,8 @@
|
|
|
183
187
|
--mat-datepicker-calendar-text-font: Equinor, sans-serif;
|
|
184
188
|
}
|
|
185
189
|
|
|
186
|
-
body.sto-dark-theme .cdk-overlay-container
|
|
190
|
+
body.sto-dark-theme .cdk-overlay-container,
|
|
191
|
+
body.sto-dark-theme .cdk-overlay-popover {
|
|
187
192
|
color-scheme: dark;
|
|
188
193
|
}
|
|
189
194
|
|
|
@@ -315,6 +320,11 @@ html body.mat-app-background {
|
|
|
315
320
|
padding: 0;
|
|
316
321
|
}
|
|
317
322
|
|
|
323
|
+
.mat-mdc-autocomplete-panel,
|
|
324
|
+
.mat-mdc-select-panel {
|
|
325
|
+
min-width: max-content;
|
|
326
|
+
}
|
|
327
|
+
|
|
318
328
|
.mat-mdc-form-field-infix {
|
|
319
329
|
display: flex;
|
|
320
330
|
flex-direction: column-reverse;
|
|
@@ -2472,6 +2482,7 @@ span.sortable {
|
|
|
2472
2482
|
--mat-form-field-filled-with-label-container-padding-top: 16px;
|
|
2473
2483
|
--mat-form-field-hover-state-layer-opacity: 0;
|
|
2474
2484
|
--mat-form-field-subscript-text-line-height: 1.182;
|
|
2485
|
+
--mat-form-field-subscript-text-size: var(--mat-sys-body-small-size);
|
|
2475
2486
|
--mat-slide-toggle-selected-handle-color: var(--mat-sys-on-primary);
|
|
2476
2487
|
--mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-on-primary);
|
|
2477
2488
|
--mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-on-primary);
|
|
@@ -2493,7 +2504,6 @@ span.sortable {
|
|
|
2493
2504
|
--mat-form-field-container-text-size: initial;
|
|
2494
2505
|
--mat-form-field-filled-label-text-size: initial;
|
|
2495
2506
|
--mat-form-field-outlined-label-text-size: initial;
|
|
2496
|
-
--mat-form-field-subscript-text-size: initial;
|
|
2497
2507
|
--mat-select-trigger-text-size: initial;
|
|
2498
2508
|
--mat-expansion-container-text-size: initial;
|
|
2499
2509
|
--mat-expansion-header-text-size: initial;
|