Merge pull request #3958 from thielpa/fix-steps-overflow

fix(Steps): add text-overflow ellipsis
primefaces · May 15, 2023 · c105871 · c105871
2 parents a6e365d + 108a8f5
commit c105871
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 {