mirror of
https://github.com/netbymatt/ws4kp.git
synced 2026-04-18 17:49:31 -07:00
Improve kiosk mode startup experience
- Pass query parameters to EJS template for kiosk mode detection - Add kiosk class to body when enabled via query parameter - Simplify kiosk mode CSS to hide all elements except main weather display - Add null checks for progress object to prevent errors in kiosk mode - Prevent navigation errors when no suitable displays are available
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
@use 'shared/_utils'as u;
|
||||
@use 'shared/_colors'as c;
|
||||
@use 'shared/_utils' as u;
|
||||
@use 'shared/_colors' as c;
|
||||
|
||||
@font-face {
|
||||
font-family: "Star4000";
|
||||
@@ -768,15 +768,15 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Hide instructions in kiosk mode (higher specificity than the show rule)
|
||||
body.kiosk #loading .instructions {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.kiosk {
|
||||
|
||||
#divQuery,
|
||||
>.info,
|
||||
>.related-links,
|
||||
>.heading,
|
||||
#enabledDisplays,
|
||||
#settings,
|
||||
#divInfo {
|
||||
display: none;
|
||||
// In kiosk mode, hide everything except the main weather display
|
||||
>*:not(#divTwc) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user