veenm/ha-dashboard-studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboard Studio 1.14.1: Android app, phone menu button, install fix

Browse Source 
- Android app (android/, built with build.sh): signs in to Home Assistant once, opens Dashboard Studio full screen, renews the ingress session; downloadable from Install as an app
- Phone dashboards: a round menu button brings back the top bar with Edit, Kiosk and Install as an app
- Install as an app explains what works per device (Android app, https for browser install, iPhone limits)
- Fixed: browser install failed because the manifest was fetched without the Home Assistant sign-in

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Mel van Veen
2026-10-26 22:34:52 +01:00
parent 79d4a0f011
commit 297fb2a7a0
24 changed files with 561 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard_studio/web/style.css
+9
View File
@@ -1327,6 +1327,15 @@ body:not(.editing) .w { -webkit-touch-callout: none; }
/* ============================================================ phone dashboards */
body.phone-ui:not(.peek) #topbar { display: none; }
#phone-menu { display: none; position: fixed; z-index: 62; top: calc(8px + env(safe-area-inset-top)); right: 10px; width: 36px; height: 36px; border-radius: 50%;
background: rgba(120, 120, 128, .28); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: var(--text); box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
#phone-menu svg { width: 20px; height: 20px; stroke-width: 2.6; }
body.phone-ui:not(.peek):not(.kiosk) #phone-menu { display: grid; }
/* the install button in the top bar is for phones and tablets; computers have it in the menu */
@media (pointer: fine) { #btn-app { display: none; } }
#btn-app[hidden] { display: none; }
a.btn { text-decoration: none; color: inherit; }
.modal-card ol.steps { margin: 0 0 12px; padding-left: 20px; display: grid; gap: 6px; }
body.phone-ui #stage { padding-top: calc(env(safe-area-inset-top) + 6px); }
body.phone-ui.peek #stage { padding-top: 72px; }
body.phone-ui.peek #topbar { animation: peek-in .2s ease-out; }