Merge pull request #644 from marwyg/fix/issue-612-framing-problems-in-dialogs

Arnei · web-flow · commit 39feee3a13a3 · 2025-04-02T08:51:32.000+02:00
Fix wizard stepper that drifts out of window
diff --git a/src/styles/components/_steps.scss b/src/styles/components/_steps.scss
@@ -126,4 +126,15 @@
             background: radial-gradient(ellipse at center,  rgba(238,239,240,1) 35%,rgba(146,160,171,1) 40%);
         }
     }
+
+    &.MuiStepper-horizontal {
+        .MuiStep-horizontal {
+            word-break: break-word;
+            padding: 0;
+            flex: 1 1 min-content;
+        }
+        .MuiStepButton-horizontal {
+            padding: 24px 0;
+        }
+    }
 }

Original file line number	Diff line number	Diff line change
`@@ -126,4 +126,15 @@`
`126`	`126`	`background: radial-gradient(ellipse at center, rgba(238,239,240,1) 35%,rgba(146,160,171,1) 40%);`
`127`	`127`	`}`
`128`	`128`	`}`
	`129`	`+`
	`130`	`+ &.MuiStepper-horizontal {`
	`131`	`+ .MuiStep-horizontal {`
	`132`	`+ word-break: break-word;`
	`133`	`+ padding: 0;`
	`134`	`+ flex: 1 1 min-content;`
	`135`	`+ }`
	`136`	`+ .MuiStepButton-horizontal {`
	`137`	`+ padding: 24px 0;`
	`138`	`+ }`
	`139`	`+ }`
`129`	`140`	`}`