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

billboard applets: drop billboard- prefix from partials & ids; Most Recent → Most Recent Scroll; room_scroll → scroll — TDD

Browse Source 
- Slug renames (mig 0004): billboard-my-scrolls → my-scrolls; billboard-my-contacts → my-contacts; billboard-most-recent → most-recent-scroll (name → "Most Recent Scroll"); billboard-notes → notes
- Partial filenames lose the `billboard-` token to mirror dashboard/gameboard convention; element ids follow (id_applet_my_scrolls, id_applet_my_contacts, id_applet_most_recent_scroll, id_applet_notes, id_applet_scroll); .applet-billboard-scroll → .applet-scroll
- View fn billboard.views.room_scroll → scroll; template apps/billboard/room_scroll.html → scroll.html (URL name `billboard:scroll` already correct)
- ITs + FTs updated to new identifiers; SCSS selectors retitled

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-05-03 23:22:01 -04:00
parent b1a11504f5
commit 2dc68c41a7
14 changed files with 143 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -71,7 +71,7 @@ body.page-billscroll {
padding: 0.75rem;
// The single scroll applet stretches to fill the remaining aperture
.applet-billboard-scroll {
.applet-scroll {
@extend %applet-box;
flex: 1;
min-height: 0;
@@ -113,20 +113,20 @@ body.page-billscroll {
// ── Billboard applet placement ─────────────────────────────────────────────
// Left column (4-wide): My Scrolls → Contacts → Notes stacked.
// Right column (8-wide): Most Recent spans full height.
// Right column (8-wide): Most Recent Scroll 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_notes { 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; }
#id_applet_my_scrolls { grid-column: 1 / span 4; grid-row: 1 / span 3; }
#id_applet_my_contacts { grid-column: 1 / span 4; grid-row: 4 / span 3; }
#id_applet_notes { grid-column: 1 / span 4; grid-row: 7 / span 4; }
#id_applet_most_recent_scroll { 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_notes,
#id_applet_billboard_most_recent {
#id_applet_my_scrolls,
#id_applet_my_contacts,
#id_applet_notes,
#id_applet_most_recent_scroll {
grid-column: 1 / span 12;
grid-row: span var(--applet-rows, 3);
}
@@ -135,7 +135,7 @@ body.page-billscroll {
// ── Notes applet — vertical title ─────────────────────────────────────────
#id_applet_billboard_notes {
#id_applet_notes {
h2 {
writing-mode: vertical-rl;
transform: rotate(180deg);
@@ -147,9 +147,9 @@ body.page-billscroll {
}
}
// ── Most Recent applet — scrollable drama feed ─────────────────────────────
// ── Most Recent Scroll applet — scrollable drama feed ─────────────────────
#id_applet_billboard_most_recent {
#id_applet_most_recent_scroll {
display: flex;
flex-direction: column;
@@ -198,7 +198,7 @@ body.page-billscroll {
// ── My Scrolls list ────────────────────────────────────────────────────────
#id_applet_billboard_my_scrolls {
#id_applet_my_scrolls {
.scroll-list {
list-style: none;
padding: 0;