lux/work-board
2
0
Fork 0
mirror of https://github.com/luxfi/work-board.git synced 2026-09-24 00:24:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

work-board: fix task-detail sheet reflow — pin app text line-height to 1.5

Browse Source 
@hanzo/gui's GuiProvider wraps the app in a Tamagui `font_body` context that
pins an absolute line-height (23px). That cascaded into the work-board's
arbitrary-size text (text-[11px] field labels etc., which carry no line-height
utility), making each ~6.5px too tall and reflowing the bottom-anchored
task-detail sheet by ~33px on mobile. Restore the Tailwind-Preflight baseline
(html line-height:1.5) the work-board was authored against.

Visual-regression now 25/25 work-board goldens within 2% (21 zoo + 4 pars
white-label). task-detail modal panel height matches the pre-migration build
exactly (576px == 576px).

Co-authored-by: Hanzo Dev <[email protected]>
This commit is contained in:
zeekay
2026-07-18 11:22:18 -07:00
co-authored by Hanzo Dev
parent ebacc91ff7
commit ff684cae9c
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+14
View File
@@ -40,6 +40,20 @@ body,
height: 100%;
}
/* @hanzo/gui's GuiProvider wraps the app in a Tamagui `font_body` context that
pins an ABSOLUTE line-height (23px). That cascades into the work-board's
arbitrary-size text (e.g. the text-[11px] field labels in the task detail),
which carry no line-height utility of their own — making each ~6.5px too tall
and reflowing dense sheets. Restore proportional line-height so the app keeps
its native Dework text metrics; elements with a Tailwind text-* utility set
their own line-height and are unaffected. */
body .font_body {
/* Match Tailwind Preflight's `html { line-height: 1.5 }` — the baseline the
work-board's arbitrary-size text (text-[11px] labels, etc.) was authored
against — instead of font_body's absolute 23px. */
line-height: 1.5;
}
body {
margin: 0;
background-color: var(--bg);