From 6c79900295c905e07af832a9365f3a73b9bfda3c Mon Sep 17 00:00:00 2001 From: David Langley Date: Wed, 4 Mar 2026 22:35:14 +0000 Subject: [PATCH] fix: room header height alignment and docs icon toggle colour MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Replace height:100% on .mx_DocumentView with flex:1 + min-height:0. In the flex-column mx_RoomView_body, height:100% resolves to the full parent height (not the remaining space), causing the total content to exceed the container and flex-shrinking the 64px RoomHeader — making the bottom border appear at the wrong vertical position. flex:1 takes only the leftover space after the header. - Add mx_RoomHeader_toggled class to DocumentIcon when isViewingDocument is true, matching the same pattern used by ToggleableIcon for Threads, Notifications, and RoomInfo buttons. The existing CSS rule .mx_RoomHeader .mx_RoomHeader_toggled { fill: --cpd-color-icon-accent-primary } then turns the icon green. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- .../res/css/views/rooms/wysiwyg_composer/_DocumentView.pcss | 3 ++- apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/apps/web/res/css/views/rooms/wysiwyg_composer/_DocumentView.pcss b/apps/web/res/css/views/rooms/wysiwyg_composer/_DocumentView.pcss index f32723feec..5365f43a32 100644 --- a/apps/web/res/css/views/rooms/wysiwyg_composer/_DocumentView.pcss +++ b/apps/web/res/css/views/rooms/wysiwyg_composer/_DocumentView.pcss @@ -8,7 +8,8 @@ Please see LICENSE files in the repository root for full details. .mx_DocumentView { display: flex; flex-direction: column; - height: 100%; + flex: 1; + min-height: 0; overflow: hidden; background-color: var(--cpd-color-bg-canvas-default); } diff --git a/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx b/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx index 0851923736..c3ea74c350 100644 --- a/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx +++ b/apps/web/src/components/views/rooms/RoomHeader/RoomHeader.tsx @@ -351,7 +351,7 @@ function RoomHeaderButtons({ aria-pressed={isViewingDocument} onClick={toggleDocumentView} > - +