DarkSingularity/ds-chat
Private
Public Access
3
0
Fork 0
Code Releases 4 Activity

Fix UpdateBanner pushing the composer off the bottom of the screen

Browse Source 
Every top-level page independently hardcoded a full-viewport height
(.chat-shell: 100vh, .admin-page: 100%, .login-screen family: min-height
100vh), assuming it alone owned the whole viewport. UpdateBanner renders
globally above all of them (App.tsx), so its height just stacked on top
instead of the page shrinking to make room -- on ChatShellPage specifically
(overflow: hidden), that clipped the bottom of the screen and hid the
composer behind the visible edge.

Made #root a flex column shared by the banner and whichever page is
routed, with each page now using flex: 1; min-height: 0 to fill whatever
space is actually left instead of assuming the full viewport.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
ksmith
2026-08-17 13:53:47 -06:00
co-authored by Claude Sonnet 5
parent 5527b25e52
commit 7022b63e9e
4 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/AdminPage.css
+6 -1
View File
@@ -1,5 +1,10 @@
.admin-page {
height: 100%;
/* Fills whatever's left in #root's flex column after UpdateBanner --
see tokens.css. height:100% resolved to the full viewport regardless
of the banner, causing the same off-screen-content bug ChatShellPage
had. */
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
background: var(--ds-void);