Fixed #76 - Stepper: number element box-shadow defect

primefaces · Mar 19, 2024 · 15a0ece · 15a0ece
1 parent d580a73
commit 15a0ece
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/theme-base/components/panel/_stepper.scss b/theme-base/components/panel/_stepper.scss
@@ -56,6 +56,7 @@
 }
 
 .p-stepper-number {
+    position: relative;
     display: flex;
     align-items: center;
     justify-content: center;

diff --git a/themes/aura/aura-light/extensions/_stepper.scss b/themes/aura/aura-light/extensions/_stepper.scss
@@ -1,7 +1,14 @@
 .p-stepper {
     .p-stepper-header {
         .p-stepper-number {
-            box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+            &::after {
+                content: ' ';
+                position: absolute;
+                width: 100%;
+                height: 100%;
+                border-radius: 50%;
+                box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+            }
         }
 
         &.p-highlight {