@odx/ui 4.6.1 → 4.6.2

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/core-theme.css +6 -2
  3. package/package.json +1 -1
  4. package/scss/components/tab-bar-item.component.scss +7 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @odx/ui
2
2
 
3
+ ## 4.6.2
4
+
5
+ ### Patch Changes
6
+
7
+ - ee17aeb: fix: set minimal width for tab bar item in tab bar component
8
+
3
9
  ## 4.6.1
4
10
 
5
11
  ### Patch Changes
package/core-theme.css CHANGED
@@ -6613,10 +6613,14 @@ html body .odx-fs-italic {
6613
6613
  background-color: transparent;
6614
6614
  border-radius: var(--odx-v-border-radius-controls);
6615
6615
  cursor: pointer;
6616
+ min-inline-size: calc(var(--odx-vertical-rythm-base-size) * 3);
6616
6617
  -webkit-user-select: none;
6617
6618
  -moz-user-select: none;
6618
6619
  user-select: none;
6619
6620
  }
6621
+ .odx-tab-bar-item__label {
6622
+ flex: 1;
6623
+ }
6620
6624
  @media (hover: hover){
6621
6625
  .odx-tab-bar-item:hover {
6622
6626
  background-color: var(--blue-700-5);
@@ -6632,14 +6636,14 @@ html body .odx-fs-italic {
6632
6636
  font-size: calc(var(--odx-vertical-rythm-base-size) * 1);
6633
6637
  }
6634
6638
  .odx-tab-bar-item .odx-icon:first-child {
6635
- margin-left: 0;
6639
+ margin-inline-start: 0;
6636
6640
  }
6637
6641
  .odx-tab-bar-item .odx-icon:last-child:not(:first-child) {
6638
6642
  transition-delay: 0ms;
6639
6643
  transition-duration: var(--odx-v-transition-duration);
6640
6644
  transition-property: color;
6641
6645
  transition-timing-function: var(--odx-v-transition-easing-fn);
6642
- margin-right: 0;
6646
+ margin-inline-end: 0;
6643
6647
  }
6644
6648
  @media (hover: hover){
6645
6649
  .odx-tab-bar-item .odx-icon:last-child:not(:first-child):hover {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@odx/ui",
3
- "version": "4.6.1",
3
+ "version": "4.6.2",
4
4
  "author": "Drägerwerk AG & Co.KGaA",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "peerDependencies": {
package/scss/components/tab-bar-item.component.scss CHANGED
@@ -15,8 +15,13 @@
15
15
  background-color: transparent;
16
16
  border-radius: var(--odx-v-border-radius-controls);
17
17
  cursor: pointer;
18
+ min-inline-size: dimensions.get-size(math.div(72, 24));
18
19
  user-select: none;
19
20
 
21
+ &__label {
22
+ flex: 1;
23
+ }
24
+
20
25
  &:hover {
21
26
  background-color: var(--blue-700-5);
22
27
  }
@@ -28,13 +33,13 @@
28
33
  font-size: dimensions.get-size(1);
29
34
 
30
35
  &:first-child {
31
- margin-left: 0;
36
+ margin-inline-start: 0;
32
37
  }
33
38
 
34
39
  &:last-child:not(:first-child) {
35
40
  @include motion.transition(color);
36
41
 
37
- margin-right: 0;
42
+ margin-inline-end: 0;
38
43
 
39
44
  &:hover {
40
45
  color: var(--odx-c-highlight);