@siemens/element-theme 48.4.0 → 48.5.1

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/styles/bootstrap/_badges.scss +2 -1
  3. package/src/styles/components/_application-header.scss +5 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@siemens/element-theme",
3
- "version": "48.4.0",
3
+ "version": "48.5.1",
4
4
  "description": "Element CSS theme.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/src/styles/bootstrap/_badges.scss CHANGED
@@ -127,7 +127,8 @@
127
127
  .icon {
128
128
  font-size: 20px;
129
129
  margin-inline-start: -4px;
130
- margin-block-start: -2px;
130
+ vertical-align: top;
131
+ padding-block: map.get(spacers.$spacers, 1);
131
132
  }
132
133
  }
133
134
 
package/src/styles/components/_application-header.scss CHANGED
@@ -61,8 +61,9 @@
61
61
 
62
62
  .header-brand {
63
63
  display: flex;
64
- flex: 1 1 auto;
64
+ flex: 1 1 0;
65
65
  align-items: center;
66
+ min-inline-size: 0;
66
67
  }
67
68
 
68
69
  .header-logo {
@@ -82,6 +83,8 @@
82
83
  margin: 0;
83
84
  line-height: normal;
84
85
  white-space: nowrap;
86
+ text-overflow: ellipsis;
87
+ overflow: hidden;
85
88
  }
86
89
 
87
90
  %collapsible-expanded {
@@ -199,6 +202,7 @@
199
202
  display: flex;
200
203
  flex: 1 1 33.333%;
201
204
  justify-content: flex-start;
205
+ min-inline-size: auto; // this prevents text-overflow in the desktop mode, instead header elements will be pushed.
202
206
  }
203
207
 
204
208
  .header-navigation {