diff --git a/CHANGELOG.md b/CHANGELOG.md index f103eba08..f85e73583 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,9 +10,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Fixed - The dashboard chat room shrinks within its layout instead of overflowing it, so a long contact or group name no longer pushes the send button out of reach. Thanks @rainerigius. -- The chat composer shrinks with its pane, so the send button stays reachable. It sat outside the layout's clip below a 1014px viewport with the navigation expanded, and on any phone 402 CSS px or narrower. +- The chat composer shrinks with its pane, so the send button stays reachable. It sat outside the layout's clip below a 1015px viewport with the navigation expanded, and on any phone 403 CSS px or narrower. - The channel and status pane heading truncates with an ellipsis and carries its full text in a tooltip. A long title previously ran past the panel edge, cut mid-glyph with nothing to signal it. -- The Chats page shows one pane at a time from 769px to 888px with the navigation expanded, where two panes left the room narrower than the composer and pushed the send button out of the panel. The message field now keeps a floor rather than shrinking to nothing. +- The Chats page shows one pane at a time from 769px to 889px with the navigation expanded, where two panes left the room narrower than the composer and pushed the send button out of the panel. The message field now keeps a floor rather than shrinking to nothing. - The reply banner's quoted name truncates with an ellipsis, and a location message's map preview is bounded by its bubble. Both previously painted outside the chat panel when the room was narrow. ## [0.23.0] - 2026-08-20 diff --git a/dashboard/src/pages/Chats.css b/dashboard/src/pages/Chats.css index 47269de3d..755b0aa34 100644 --- a/dashboard/src/pages/Chats.css +++ b/dashboard/src/pages/Chats.css @@ -901,15 +901,15 @@ } } -/* Between the mobile breakpoint and 888px the two-pane layout leaves the room narrower than the +/* Between the mobile breakpoint and 889px the two-pane layout leaves the room narrower than the composer's 244px minimum, so the send button fell outside the panel's clip with no scrollbar to recover it. In that band the panes swap one at a time instead, the way they already do on a phone. - Bounded on both sides on purpose: at 768px and below the mobile shell owns the layout, and from 889px - the room fits the composer again. The upper bound tracks that minimum, so it moves if the composer's - own width does. Keyed to the navigation as well as the viewport, because the room is `viewport - 646` - only while the nav is expanded; collapsed it already fits and none of this should apply. - `.main-content.expanded` is Layout's class for the COLLAPSED nav. */ -@media (min-width: 769px) and (max-width: 888px) { + Bounded on both sides on purpose: at 768px and below the mobile shell owns the layout, and from 890px + the room fits the composer again. The room is `viewport - 646`, so the bound is 646 + 244 - 1; it + moves if the composer's own minimum does. Keyed to the navigation as well as the viewport, because + that arithmetic only holds while the nav is expanded; collapsed it already fits and none of this + should apply. `.main-content.expanded` is Layout's class for the COLLAPSED nav. */ +@media (min-width: 769px) and (max-width: 889px) { .main-content:not(.expanded) .chats-page .chats-layout { flex-direction: column; }