MrSphay/odysseus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): stop welcome-screen tip from clipping on narrow phones (#1612)

Browse Source 
The empty-state tip ("Add an AI endpoint from Settings...") shares a 60px
max-height ceiling with the one-line .welcome-sub / .welcome-version. On
narrow phones the welcome block shrink-wraps and the tip wraps to 4-5 lines
(~67px), so the shared ceiling clipped its last line ("...key into the
chat.") - the only setup hint a first-run user gets.

Give .welcome-tip its own taller max-height (120px), placed above the
@media (max-height: 650px) block so that rule's max-height:0 still collapses
the tip on short viewports. .welcome-sub / .welcome-version are untouched,
and desktop is unchanged (the tip is ~50px there, well under the ceiling).
This commit is contained in:
Mahdi Salmanzade
2026-06-03 03:37:23 +04:00
committed by GitHub
parent eacb99f963
commit f7df069ca1
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
static/style.css
View File

@@ -1804,6 +1804,15 @@ body.bg-pattern-sparkles {
max-height: 60px;
overflow: hidden;
}
/* The tip is a full sentence that wraps to 4-5 lines on narrow phones,
where the welcome block shrink-wraps small; the shared 60px ceiling
(sized for the one-line sub/version) clipped its last line. Give the tip
a taller ceiling so it isn't truncated. Kept above the max-height:650px
block below so that rule's max-height:0 still collapses it on short
viewports. */
#welcome-screen .welcome-tip {
max-height: 120px;
}
@media (max-height: 650px) {
#welcome-screen { top: 28%; }
#welcome-screen .welcome-tip { opacity: 0; max-height: 0; margin: 0; }