fix(Steps): add text-overflow ellipsis

primefaces · May 14, 2023 · 108a8f5 · 108a8f5
1 parent 321dabc
commit 108a8f5
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/components/lib/steps/Steps.vue b/components/lib/steps/Steps.vue
@@ -226,6 +226,7 @@ export default {
     display: flex;
     justify-content: center;
     flex: 1 1 auto;
+    overflow: hidden;
 }
 
 .p-steps-item .p-menuitem-link {
@@ -246,6 +247,9 @@ export default {
 
 .p-steps-title {
     white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
 }
 
 .p-steps-number {