@odx/ui 4.5.2 → 4.6.0
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/CHANGELOG.md +12 -0
- package/core-theme.css +7 -5
- package/package.json +1 -1
- package/scss/components/header.component.scss +11 -7
- package/scss/core.scss +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @odx/ui
|
|
2
2
|
|
|
3
|
+
## 4.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 69a4974: internal linter fixes
|
|
8
|
+
|
|
9
|
+
## 4.5.3
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- 29ba92b: Fix: Select component now correctly emits the selected option value. Header component alignment has been corrected.
|
|
14
|
+
|
|
3
15
|
## 4.5.2
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/core-theme.css
CHANGED
|
@@ -4438,20 +4438,22 @@ html body .odx-fs-italic {
|
|
|
4438
4438
|
min-height: auto;
|
|
4439
4439
|
}
|
|
4440
4440
|
.odx-header__content {
|
|
4441
|
-
display: none;
|
|
4442
4441
|
margin-inline-end: auto;
|
|
4442
|
+
}
|
|
4443
|
+
.odx-header__content:has(.odx-header__content-container:not(:empty)) {
|
|
4443
4444
|
padding-right: calc(var(--odx-vertical-rythm-base-size) * 0.5);
|
|
4444
4445
|
padding-left: calc(var(--odx-vertical-rythm-base-size) * 0.5);
|
|
4446
|
+
}
|
|
4447
|
+
.odx-header__content-container {
|
|
4445
4448
|
overflow: clip;
|
|
4446
4449
|
text-overflow: ellipsis;
|
|
4447
4450
|
white-space: nowrap;
|
|
4451
|
+
display: none;
|
|
4452
|
+
overflow: hidden;
|
|
4448
4453
|
}
|
|
4449
4454
|
@media (min-width: 768px) {
|
|
4450
|
-
.odx-header__content {
|
|
4451
|
-
padding-right: calc(var(--odx-vertical-rythm-base-size) * 1);
|
|
4452
|
-
padding-left: calc(var(--odx-vertical-rythm-base-size) * 1);
|
|
4455
|
+
.odx-header__content-container {
|
|
4453
4456
|
display: block;
|
|
4454
|
-
overflow: hidden;
|
|
4455
4457
|
}
|
|
4456
4458
|
}
|
|
4457
4459
|
.odx-header__title {
|
package/package.json
CHANGED
|
@@ -24,17 +24,21 @@
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
&__content {
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
&:has(&-container:not(:empty)) {
|
|
28
|
+
@include dimensions.padding-x(0.5);
|
|
29
|
+
}
|
|
29
30
|
|
|
30
|
-
|
|
31
|
-
@include typography.prevent-text-overflow();
|
|
31
|
+
margin-inline-end: auto;
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
@include
|
|
33
|
+
&-container {
|
|
34
|
+
@include typography.prevent-text-overflow();
|
|
35
35
|
|
|
36
|
-
display:
|
|
36
|
+
display: none;
|
|
37
37
|
overflow: hidden;
|
|
38
|
+
|
|
39
|
+
@include breakpoints.up(tablet) {
|
|
40
|
+
display: block;
|
|
41
|
+
}
|
|
38
42
|
}
|
|
39
43
|
}
|
|
40
44
|
|
package/scss/core.scss
CHANGED
|
@@ -77,10 +77,10 @@ Layout
|
|
|
77
77
|
@use 'components/radio-group.component';
|
|
78
78
|
@use 'components/rail-navigation.component';
|
|
79
79
|
@use 'components/rail-navigation-item.component';
|
|
80
|
-
@use 'components/rich-list.component
|
|
81
|
-
@use 'components/rich-list-item-header.component
|
|
82
|
-
@use 'components/rich-list-item.component
|
|
83
|
-
@use 'components/search-bar.component
|
|
80
|
+
@use 'components/rich-list.component';
|
|
81
|
+
@use 'components/rich-list-item-header.component';
|
|
82
|
+
@use 'components/rich-list-item.component';
|
|
83
|
+
@use 'components/search-bar.component';
|
|
84
84
|
@use 'components/select.component';
|
|
85
85
|
@use 'components/slider.component';
|
|
86
86
|
@use 'components/spinbox.component';
|