danvics/pediatric-ai-scribe-v3
1
0
Fork 0
Code Issues Pull requests Projects Releases 16 Packages Wiki Activity Actions

fix: answer and take-home tables wrap to the phone screen instead of scrolling sideways
All checks were successful
Forgejo Docker Build / Root app tests (push) Successful in 49s
Details
Forgejo Docker Build / Build Docker image (push) Successful in 9s
Details
Forgejo Docker Build / End-to-end (browser) (push) Successful in 17s
Details

Browse source 
The sideways swipe was not reachable on the phone, so wide tables were cut
off. Below 640px the cells break their words and the table takes the full
width; wide tables get taller, never clipped.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Dv6sqaY6Vq3ChZHMem3cnU
This commit is contained in:
Daniel 2026-09-14 05:40:42 +02:00
parent 1d58e5b509
commit 394c543a0a
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
public/css/assistant.css
View file

@ -375,7 +375,13 @@ body.assistant-workspace .assistant-layout { height: calc(100vh - var(--mobile-b
8px padding on top of that made the page 16px taller than the phone. */
body.assistant-workspace .main-content { padding:0; }
body.assistant-workspace .assistant-layout { height:calc(100dvh - var(--mobile-bar, 0px)); display:flex; flex-direction:column; grid-template-rows:none; overflow:hidden; }
/* On a phone a table wraps to the screen instead of scrolling sideways: the
sideways swipe is not reliably reachable (the user could not scroll a
cut-off table at all), so cells break their words and the table takes the
full width. Wide tables get taller, never clipped. */
.assistant-table-scroll { overflow-x:visible; }
.assistant-table-scroll table, .assistant-takehome-result table { width:100%; min-width:0; max-width:100%; table-layout:auto; }
.assistant-bubble th, .assistant-bubble td, .assistant-takehome-result th, .assistant-takehome-result td { overflow-wrap:anywhere; word-break:break-word; white-space:normal; }
}
/* Desktop: the saved-chats rail collapses like ChatGPT's sidebar */
.assistant-layout { transition:grid-template-columns .18s ease; }