I’ve seen these used in Plugins and native Discourse, but not in Themes (example?). Are they supported? In Themes is @container supported in .scss? This seems this gets through, e.g.: .side-by-side { container-type: inline-size; container-name: side-by-side; } [image] :+1: but not @contai…

I believe I’ve isolated my issue: containers can’t be tables, looks like they must be divs. I created a pen which had two identical containers, except one was a table. The container query fails on the table, but succeeds on the otherwise almost identical div. the ultimate solution here was moving…

I’ve just done a quick test and can confirm that container queries work in themes… one thing I will note is that they’re a lot harder to reason around than media queries. A couple of us on the team have been confused by this initially. They’re not simply media queries on containers, but have a sepa…

thanks for looking at this! And thanks for confirming, [画像] Kris: So you can not use a container query with a container that has a dynamic width Oh! [画像] Kris: This significantly limits what you’d expect to be able to do with them unfortunately. Quite! :cry:

テーマでコンテナクエリ？

開発

merefield (Robert) 2024 年 3 月 16 日午前 12:09 3

確認いただきありがとうございます。

ああ！

まったくですね！

トピック		返信	表示
Designing for Responsive Widths (Breakpoints, Viewport & Containers) Developer Guides	0	161	2026 年 8 月 4 日
Container posts grid layout issue? UX mobile	3	712	2022 年 4 月 12 日
Making the container wider Development graceful-theme	2	83	2019 年 6 月 7 日
Something recently changed, can't increase `--topic-body-width` Development css	4	527	2024 年 2 月 2 日
Discourse Custom Width Theme component	11	1838	2023 年 3 月 18 日

テーマでコンテナクエリ？

関連トピック