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

game-views: card ends above the icon strip; CHAT/PULSE use the [Feature forthcoming] partial

Browse Source 
- Deepen .room-view bottom padding to 3.5rem so the .applet-scroll card ends above the absolute icon strip (bottom 0.85rem, ~2.1rem tall) — the strip now stands on its own in a reserved lane beneath the card instead of overlapping its bottom edge / the WHAT HAPPENS NEXT buffer.
- CHAT + PULSE stub bodies swap the ad-hoc 'Chat/Pulse opens soon.' line for the shared core/_partials/_forthcoming.html ([Feature forthcoming]); the identity icon + .room-view-stub wrapper stay, so the stub FT + styling are unaffected.

[[project-room-game-views-carousel]]
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-06-02 13:34:18 -04:00
parent 28d1d126bb
commit be7a8c17f0
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/static_src/scss/_room.scss
View File

@@ -125,7 +125,11 @@ html.sea-open #id_aperture_fill {
scroll-snap-stop: always; // hard stop each view — no coasting
display: flex;
flex-direction: column;
padding: 0.75rem;
// Deeper bottom padding reserves a lane for the icon strip (absolute @
// bottom 0.85rem, ~2.1rem tall incl. the active scale) so the
// .applet-scroll card ENDS ABOVE the strip — the strip stands on its
// own beneath the card instead of overlapping its bottom edge.
padding: 0.75rem 0.75rem 3.5rem;
}
// Same %applet-box card chrome + rotated room-name title (`> h2`) as the

7
src/templates/apps/gameboard/_partials/_room_views.html
View File

@@ -52,17 +52,18 @@
</div>
</div>
{# CHAT + PULSE — stub views this sprint (no backing model yet). #}
{# CHAT + PULSE — stub views this sprint (no backing model yet). The #}
{# identity icon + the shared [Feature forthcoming] partial stand in. #}
<div class="room-view room-view--chat" data-view="chat">
<div class="applet-scroll room-view-card">
<h2>{{ room.name }}</h2>
<div class="room-view-stub"><i class="fa-solid fa-comments"></i><p>Chat opens soon.</p></div>
<div class="room-view-stub"><i class="fa-solid fa-comments"></i>{% include "core/_partials/_forthcoming.html" %}</div>
</div>
</div>
<div class="room-view room-view--pulse" data-view="pulse">
<div class="applet-scroll room-view-card">
<h2>{{ room.name }}</h2>
<div class="room-view-stub"><i class="fa-solid fa-chart-pie"></i><p>Pulse opens soon.</p></div>
<div class="room-view-stub"><i class="fa-solid fa-chart-pie"></i>{% include "core/_partials/_forthcoming.html" %}</div>
</div>
</div>
</div>