sirius/osint-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): keep last Keys card above ticker on mobile #21

Merged
sirius merged 1 commit from fix/keys-mobile-vesselapi-clip into master 2026-08-29 10:06:02 -04:00
Conversation 0 Commits 1 Files changed 1 +17 -3
sirius commented 2026-08-29 09:45:47 -04:00
Owner
Copy link

On phones the API Keys view clipped VESSELAPI_API_KEY under the fixed MKT/NEWS dock (100vh + 2.2rem padding). The last card's paste field and Save were untappable.

Changes (CSS only in app/static/index.html)

  • Stage height: 100vh fallback, then 100dvh minus topbar, dock, and safe-area-inset-bottom.
  • Dock: padding-bottom: env(safe-area-inset-bottom) (content-box) so tickers sit above the Android/iOS home inset. Viewport viewport-fit=cover.
  • .subview padding-bottom: calc(var(--dock-h) + 1.5rem) so last controls in Keys/Settings/etc. can scroll above the ticker.
  • max-width: 820px: .key-form wraps (input 100% width, Save on next row, 44px min tap targets). Desktop auto-fit minmax(320px, 1fr) unchanged.

Verify
Playwright at 390x844: last card VESSELAPI_API_KEY, form/input/Save fully above dock, tap heights 44px, form inside card. Desktop grid still three ~395px columns.

Does not change keystore/API.

On phones the API Keys view clipped `VESSELAPI_API_KEY` under the fixed MKT/NEWS dock (`100vh` + 2.2rem padding). The last card's paste field and Save were untappable. **Changes (CSS only in `app/static/index.html`)** - Stage height: `100vh` fallback, then `100dvh` minus topbar, dock, and `safe-area-inset-bottom`. - Dock: `padding-bottom: env(safe-area-inset-bottom)` (`content-box`) so tickers sit above the Android/iOS home inset. Viewport `viewport-fit=cover`. - `.subview` padding-bottom: `calc(var(--dock-h) + 1.5rem)` so last controls in Keys/Settings/etc. can scroll above the ticker. - `max-width: 820px`: `.key-form` wraps (input 100% width, Save on next row, 44px min tap targets). Desktop `auto-fit minmax(320px, 1fr)` unchanged. **Verify** Playwright at 390x844: last card `VESSELAPI_API_KEY`, form/input/Save fully above dock, tap heights 44px, form inside card. Desktop grid still three ~395px columns. Does not change keystore/API.
sirius added 1 commit 2026-08-29 09:45:47 -04:00 
Stage uses 100dvh (100vh fallback) plus safe-area so the scrollport
ends above the dock. Subviews get extra bottom padding; phone key
forms wrap with 44px tap targets.
sirius merged commit 5434dda2a9 into master 2026-08-29 10:06:02 -04:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: sirius/osint-dashboard#21
No description provided.
Delete branch "fix/keys-mobile-vesselapi-clip"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?