Jinemi/thermograph
4
0
Fork 0
Code Issues 2 Pull requests 3 Projects Releases Packages Wiki Activity Actions

Fix mobile alerts dropdown overflow; add account API tests (#93)

Browse source 
The notification dropdown is anchored to the bell button, which on mobile sits
left of the account button rather than at the screen edge, so the wide panel
overflowed off the left of the viewport (title/text cut off). On narrow screens,
drop .notif's positioning context so the dropdown anchors to the .acct cluster at
the header's right edge, keeping it fully on-screen.

Also add route-level tests for the accounts feature (auth flow, subscription CRUD,
duplicate/validation, ownership 404s, notifications), plus a
THERMOGRAPH_ACCOUNTS_DB override so the suite writes to a throwaway DB and stays
hermetic.
This commit is contained in:
Emi Griffith 2026-07-15 15:00:47 -07:00 committed by GitHub
parent d742cfe11f
commit 7567822522
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
static/style.css
View file

@ -1290,6 +1290,11 @@ main { max-width: 1200px; margin: 0 auto; padding: 20px 24px 60px; }
title/tagline on narrow screens (it still opens the modal / menu). */
.acct-btn span { display: none; }
.acct-btn { padding: 8px; min-width: 40px; justify-content: center; }
/* The bell sits left of the account button, so a wide dropdown anchored to the
bell (.notif) overflowed off the left of the screen. Drop .notif's positioning
context so the dropdown anchors to the .acct cluster at the header's right
edge instead, keeping it fully on-screen. */
.notif { position: static; }
main { padding: 14px 14px 40px; }
.controls { gap: 12px; margin-bottom: 14px; }