discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

recognition: seed billboard-recognition applet 4×4; vertical title link; placement in billboard grid

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-04-22 02:21:35 -04:00
parent be061f6bc2
commit 3cc9f5a527
3 changed files with 52 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/static_src/scss/_billboard.scss
View File

@@ -87,17 +87,20 @@ body.page-billscroll {
}
// ── Billboard applet placement ─────────────────────────────────────────────
// Explicit placement: My Scrolls + Contacts stack left, Most Recent fills right.
// Left column (4-wide): My Scrolls → Contacts → Recognition stacked.
// Right column (8-wide): Most Recent spans full height.
// Portrait override (container query) restores stacked full-width layout.
#id_billboard_applets_container {
#id_applet_billboard_my_scrolls { grid-column: 1 / span 4; grid-row: 1 / span 3; }
#id_applet_billboard_my_contacts { grid-column: 1 / span 4; grid-row: 4 / span 3; }
#id_applet_billboard_most_recent { grid-column: 5 / span 8; grid-row: 1 / span 6; }
#id_applet_billboard_my_scrolls { grid-column: 1 / span 4; grid-row: 1 / span 3; }
#id_applet_billboard_my_contacts { grid-column: 1 / span 4; grid-row: 4 / span 3; }
#id_applet_billboard_recognition { grid-column: 1 / span 4; grid-row: 7 / span 4; }
#id_applet_billboard_most_recent { grid-column: 5 / span 8; grid-row: 1 / span 10; }
@container (max-width: 550px) {
#id_applet_billboard_my_scrolls,
#id_applet_billboard_my_contacts,
#id_applet_billboard_recognition,
#id_applet_billboard_most_recent {
grid-column: 1 / span 12;
grid-row: span var(--applet-rows, 3);
@@ -105,6 +108,20 @@ body.page-billscroll {
}
}
// ── Recognition applet — vertical title ───────────────────────────────────
#id_applet_billboard_recognition {
h2 {
writing-mode: vertical-rl;
transform: rotate(180deg);
margin: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
}
// ── Most Recent applet — scrollable drama feed ─────────────────────────────
#id_applet_billboard_most_recent {