Commitb8851f0

authored

fix: prevent horizontal form section info from overlapping form fields (#19189)

...on screens that are not wide enough to accommodate 2-column layout.closes#19055 Sticky positioning on form section info still works as expected ondesktop:https://github.com/user-attachments/assets/e8f5b364-d20e-4248-acc6-848293947c92Sticky positioning is no longer applied to form section info ontablet/mobile:https://github.com/user-attachments/assets/c52c6b04-7b73-457e-9d9e-0b461fff56ac

1 parent8ba8b4f commitb8851f0Copy full SHA for b8851f0

File tree

-3

lines changed

-3

lines changed

Lines changed: 6 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -159,10 +159,13 @@ const styles = {`
`159`	`159`	`position:"initial"asconst,`
`160`	`160`	`},`
`161`	`161`	`}),`
`162`		`-formSectionInfoHorizontal:{`
	`162`	`+formSectionInfoHorizontal:(theme)=>({`
`163`	`163`	`maxWidth:312,`
`164`		`-position:"sticky",`
`165`		`-},`
	`164`	`+`
	`165`	`+[theme.breakpoints.up("lg")]:{`
	`166`	`+position:"sticky",`
	`167`	`+},`
	`168`	`+}),`
`166`	`169`	`formSectionInfoTitle:(theme)=>({`
`167`	`170`	`fontSize:20,`
`168`	`171`	`color:theme.palette.text.primary,`

Comments

(0)