agw/Weircon-wind
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Layout helpers: keep wide children inside the page, plain row links

Browse Source 
A .wt-pre inside .wt-stack widened the grid column past the viewport on phones.
Rows used as links now inherit the text colour instead of being underlined.

Claude-Session: https://claude.ai/code/session_01QhLkBGEip8wQdaZ54z4AqJ
This commit is contained in:
agw
2026-10-20 17:41:36 +02:00
parent 9ac6a69d8a
commit 8e648dc304
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
weirsoe-theme.css
+5 -2
View File
@@ -236,9 +236,12 @@ body::before {
.wt-tag--warn { --wt-tag-tone: var(--color-warn); }
.wt-tag--bad { --wt-tag-tone: var(--color-bad); }
/* layout helpers: a wrapping row and a vertical stack with the theme gap */
.wt-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.wt-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; min-width: 0; }
.wt-row--between { justify-content: space-between; }
.wt-stack { display: grid; gap: 0.75rem; }
a.wt-row { color: inherit; text-decoration: none; }
a.wt-row:hover { color: var(--color-accent); }
/* minmax(0,1fr): a wide child (e.g. .wt-pre) scrolls instead of widening the page */
.wt-stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; min-width: 0; }
/* monospace output box (logs, terminal captures); keeps columns, scrolls sideways */
.wt-pre {
margin: 0; padding: 0.75rem 0.9rem; overflow-x: auto; white-space: pre;