Skip to content

Keep the chat drawer's layout when the app's stylesheet loads last - #5

Merged
gdarko merged 2 commits into
mainfrom
fix/order-independent-breakpoints
Oct 24, 2026
Merged

gdarko merged 2 commits into
mainfrom
fix/order-independent-breakpoints

Conversation

@gdarko

@gdarko gdarko commented Oct 24, 2026

Copy link
Copy Markdown
Contributor

On desktop the chat drawer opened full width with the conversation history hidden, and the header button lost its "AI" label.

The host adds its stylesheet again after the module sheets, so a module can't override the app's layout utilities. That also means the app's .w-full and .hidden win over this module's sm:w-[480px], sm:flex and lg:inline. The classes now split each property into ranges that never overlap (max-sm:w-full sm:max-lg:w-[480px] lg:w-[640px], max-sm:hidden sm:flex), so only one applies at any width, whichever sheet comes last. Checked at 1440, 800 and 390 px.

@gdarko
gdarko merged commit 1e1c1e7 into main Oct 24, 2026
1 check passed
@gdarko gdarko mentioned this pull request Oct 24, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant