Stepper: new feat header position

primefaces · Aug 13, 2024 · 06e7fa2 · 06e7fa2
1 parent ef01154
commit 06e7fa2
Showing 1 changed file with 36 additions and 1 deletion.
diff --git a/theme-base/components/panel/_stepper.scss b/theme-base/components/panel/_stepper.scss
@@ -33,7 +33,6 @@
       }
 
       .p-stepper-title {
-        margin-left: $inlineSpacing;
         color: $stepsItemTextColor;
         font-weight: $stepsItemActiveFontWeight;
         transition: $actionIconTransition;
@@ -44,6 +43,38 @@
       }
     }
 
+    &.p-stepper-header-top {
+      .p-stepper-title {
+        margin-bottom: $inlineSpacing;
+      }
+
+      .p-stepper-separator {
+        margin-bottom: 1rem;
+      }
+    }
+
+    &.p-stepper-header-right {
+      .p-stepper-title {
+        margin-left: $inlineSpacing;
+      }
+    }
+
+    &.p-stepper-header-left {
+      .p-stepper-title {
+        margin-right: $inlineSpacing;
+      }
+    }
+
+    &.p-stepper-header-bottom {
+      .p-stepper-title {
+        margin-top: $inlineSpacing;
+      }
+
+      .p-stepper-separator {
+        margin-top: 1rem;
+      }
+    }
+
     &.p-highlight {
       .p-stepper-number {
         background: $highlightBg;
@@ -111,6 +142,10 @@
         padding-left: calc($inlineSpacing * 2);
       }
 
+      .p-stepper-title {
+        margin-left: $inlineSpacing;
+      }
+
       .p-stepper-separator {
         flex: 0 0 auto;
         width: 2px;