Adding max-width to the columns

rugoncalves · rugoncalves · commit 3649deceb371 · 2025-09-09T16:57:37.000+02:00
diff --git a/core/src/components/col/col.scss b/core/src/components/col/col.scss
@@ -40,6 +40,7 @@
 :host([class*=" ion-grid-col--"]) {
   flex: 0 0
     calc(var(--ion-grid-col-span) * var(--col-unit-size) + (var(--ion-grid-col-span) - 1) * var(--ion-grid-gap, 0px));
+  max-width: calc(var(--ion-grid-col-span) * var(--col-unit-size) + (var(--ion-grid-col-span) - 1) * var(--ion-grid-gap, 0px))
 }
 
 :host([class^="ion-grid-offset-col--"]),

Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,7 @@`
`40`	`40`	`:host([class*=" ion-grid-col--"]) {`
`41`	`41`	`flex: 0 0`
`42`	`42`	`calc(var(--ion-grid-col-span) * var(--col-unit-size) + (var(--ion-grid-col-span) - 1) * var(--ion-grid-gap, 0px));`
	`43`	`+ max-width: calc(var(--ion-grid-col-span) * var(--col-unit-size) + (var(--ion-grid-col-span) - 1) * var(--ion-grid-gap, 0px))`
`43`	`44`	`}`
`44`	`45`
`45`	`46`	`:host([class^="ion-grid-offset-col--"]),`