use unnamed containers

silverwind · silverwind · commit d77d48509786 · 2025-11-06T06:31:16.000+01:00
diff --git a/web_src/css/modules/flexcontainer.css b/web_src/css/modules/flexcontainer.css
@@ -19,7 +19,7 @@
 .flex-container-main {
   flex: 1;
   min-width: 0; /* make the "text truncate" work, otherwise the flex axis is not limited and the text just overflows */
-  container: container-flex-container-main / inline-size;
+  container-type: inline-size;
 }
 
 @media (max-width: 767.98px) {
diff --git a/web_src/css/modules/grid.css b/web_src/css/modules/grid.css
@@ -136,7 +136,7 @@
 }
 
 .ui.grid .column {
-  container: container-grid-column / inline-size;
+  container-type: inline-size;
 }
 
 .ui.grid > .column:only-child,

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@`
`19`	`19`	`.flex-container-main {`
`20`	`20`	`flex: 1;`
`21`	`21`	`min-width: 0; /* make the "text truncate" work, otherwise the flex axis is not limited and the text just overflows */`
`22`		`- container: container-flex-container-main / inline-size;`
	`22`	`+ container-type: inline-size;`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`@media (max-width: 767.98px) {`
Original file line number	Diff line number	Diff line change
`@@ -136,7 +136,7 @@`
`136`	`136`	`}`
`137`	`137`
`138`	`138`	`.ui.grid .column {`
`139`		`- container: container-grid-column / inline-size;`
	`139`	`+ container-type: inline-size;`
`140`	`140`	`}`
`141`	`141`
`142`	`142`	`.ui.grid > .column:only-child,`