@sapudex/web-components 2.46.0 → 2.47.0

package/src/themes/WizardTab.css

@@ -10,6 +10,10 @@
 
 .ui5-wiz-step-main {
   max-width: var(--udex-wizard-tab-max-width);
+  display: flex;
+  align-items: center;
+  white-space: normal;
+  min-width: 0;
 }
 
 :host(:not([hidden])) {
@@ -17,8 +21,12 @@
 }
 
 .ui5-wiz-step-title-text {
-  word-break: break-word;
+  display: -webkit-box;
   -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow-wrap: break-word;
   text-align: start;
 }
 
@@ -34,6 +42,7 @@
 :host .ui5-wiz-step-icon-circle {
   margin: 0 10px;
   border: 1px solid var(--sapSelectedColor);
+  flex-shrink: 0;
 }
 
 :host([hide-separator]) .ui5-wiz-step-texts {
@@ -41,11 +50,15 @@
 }
 
 .ui5-wiz-step-texts {
+  display: block;
   padding-inline-start: 0;
   padding-inline-end: var(--udexSpacer8);
   box-sizing: border-box;
-  max-width: calc(100% - 2rem - 20px);
-  min-width: calc(var(--udex-wizard-tab-min-width) + var(--udexSpacer8));
+  width: max-content;
+  max-width: 100%;
+  max-height: 3.2em;
+  min-width: 0;
+  overflow: hidden;
 }
 
 :host .ui5-wiz-step-hr {
@@ -99,10 +112,6 @@
   margin-inline-start: 0;
 }
 
-:host([data-ui5-index="1"]) .ui5-wiz-step-texts {
-  max-width: calc(100% - 2rem - 10px);
-}
-
 /* hide title & subtitle for small screens */
 :host([breakpoint="S"]) .ui5-wiz-step-texts {
   display: none;