Decrease viewport width at which the ButtonGroup wraps (#2399)

connor-baer · web-flow · commit d6511aa560f4 · 2024-01-23T10:13:59.000+01:00
diff --git a/packages/circuit-ui/components/Button/base.module.css b/packages/circuit-ui/components/Button/base.module.css
@@ -343,7 +343,7 @@
   }
 }
 
-@container cui-button-group (width > 420px) {
+@container cui-button-group (width > 370px) {
   /* Keep in sync with the .secondary class above */
   .tertiary {
     color: var(--cui-fg-normal);
diff --git a/packages/circuit-ui/components/ButtonGroup/ButtonGroup.module.css b/packages/circuit-ui/components/ButtonGroup/ButtonGroup.module.css
@@ -13,7 +13,7 @@
   margin-top: var(--cui-spacings-kilo);
 }
 
-@container cui-button-group (width > 420px) {
+@container cui-button-group (width > 370px) {
   .base {
     flex-direction: row-reverse;
   }

Original file line number	Diff line number	Diff line change
`@@ -343,7 +343,7 @@`
`343`	`343`	`}`
`344`	`344`	`}`
`345`	`345`
`346`		`-@container cui-button-group (width > 420px) {`
	`346`	`+@container cui-button-group (width > 370px) {`
`347`	`347`	`/* Keep in sync with the .secondary class above */`
`348`	`348`	`.tertiary {`
`349`	`349`	`color: var(--cui-fg-normal);`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`margin-top: var(--cui-spacings-kilo);`
`14`	`14`	`}`
`15`	`15`
`16`		`-@container cui-button-group (width > 420px) {`
	`16`	`+@container cui-button-group (width > 370px) {`
`17`	`17`	`.base {`
`18`	`18`	`flex-direction: row-reverse;`
`19`	`19`	`}`