[test][docs] Improve demos for better regression screenshots (#43742)

mui · Sep 13, 2024 · a487633 · a487633
1 parent bede032
commit a487633
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 4 deletions.
diff --git a/docs/data/joy/components/radio-button/ExampleAlignmentButtons.js b/docs/data/joy/components/radio-button/ExampleAlignmentButtons.js
@@ -17,6 +17,7 @@ export default function ExampleAlignmentButtons() {
       variant="outlined"
       value={alignment}
       onChange={(event) => setAlignment(event.target.value)}
+      sx={{ display: 'inline-flex' }}
     >
       {['left', 'center', 'right', 'justify'].map((item) => (
         <Box

diff --git a/docs/data/joy/components/radio-button/ExampleAlignmentButtons.tsx b/docs/data/joy/components/radio-button/ExampleAlignmentButtons.tsx
@@ -19,6 +19,7 @@ export default function ExampleAlignmentButtons() {
       onChange={(event: React.ChangeEvent<HTMLInputElement>) =>
         setAlignment(event.target.value)
       }
+      sx={{ display: 'inline-flex' }}
     >
       {['left', 'center', 'right', 'justify'].map((item) => (
         <Box

diff --git a/docs/data/joy/components/toggle-button-group/ToggleGroupToolbar.js b/docs/data/joy/components/toggle-button-group/ToggleGroupToolbar.js
@@ -22,7 +22,7 @@ export default function ToggleGroupToolbar() {
   return (
     <Sheet
       variant="outlined"
-      sx={{ borderRadius: 'md', display: 'flex', gap: 2, p: 0.5 }}
+      sx={{ borderRadius: 'md', display: 'inline-flex', gap: 2, p: 0.5 }}
     >
       <ToggleButtonGroup
         variant="plain"

diff --git a/docs/data/joy/components/toggle-button-group/ToggleGroupToolbar.tsx b/docs/data/joy/components/toggle-button-group/ToggleGroupToolbar.tsx
@@ -22,7 +22,7 @@ export default function ToggleGroupToolbar() {
   return (
     <Sheet
       variant="outlined"
-      sx={{ borderRadius: 'md', display: 'flex', gap: 2, p: 0.5 }}
+      sx={{ borderRadius: 'md', display: 'inline-flex', gap: 2, p: 0.5 }}
     >
       <ToggleButtonGroup
         variant="plain"

diff --git a/docs/data/material/components/dividers/FlexDivider.js b/docs/data/material/components/dividers/FlexDivider.js
@@ -8,7 +8,7 @@ export default function FlexDivider() {
   return (
     <Box
       sx={{
-        display: 'flex',
+        display: 'inline-flex',
         alignItems: 'center',
         border: '1px solid',
         borderColor: 'divider',

diff --git a/docs/data/material/components/dividers/FlexDivider.tsx b/docs/data/material/components/dividers/FlexDivider.tsx
@@ -8,7 +8,7 @@ export default function FlexDivider() {
   return (
     <Box
       sx={{
-        display: 'flex',
+        display: 'inline-flex',
         alignItems: 'center',
         border: '1px solid',
         borderColor: 'divider',