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:
parent
7a07c67e84
commit
be41d66de9
5 changed files with 83 additions and 59 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue