Adds Server Observations to the startup screen

This commit is contained in:
mrkmntal 2026-04-04 16:37:54 -04:00
commit 9b23f46bff
5 changed files with 6 additions and 7 deletions

View file

@ -7,5 +7,7 @@ Added a new `Server Observations` forecast screen that blends Linux server telem
- registered the new screen in the main display deck and script loading flow - registered the new screen in the main display deck and script loading flow
- paginated the server info across multiple readable screens instead of trying to force a single page - paginated the server info across multiple readable screens instead of trying to force a single page
- adjusted styling to better fit the blue content box and reduced the header title size for this screen - adjusted styling to better fit the blue content box and reduced the header title size for this screen
- reduced text sizing and enabled wrapping for long kernel/CPU lines so the content fits inside the display box
- added the screen to the initial progress display list and tightened the progress screen typography so the extra row fits cleanly
- updated navigation handling to safely work with sparse display arrays introduced by the new nav slot - updated navigation handling to safely work with sparse display arrays introduced by the new nav slot
- updated the frontend build so generated CSS is copied to the development-served stylesheet path as well - updated the frontend build so generated CSS is copied to the development-served stylesheet path as well

View file

@ -11,9 +11,6 @@ const PAGE_DURATION_MS = 7000;
class ServerObservations extends WeatherDisplay { class ServerObservations extends WeatherDisplay {
constructor(navId, elemId) { constructor(navId, elemId) {
super(navId, elemId, 'Server Observations', true); super(navId, elemId, 'Server Observations', true);
// Don't show on progress screen
this.showOnProgress = false;
this.timing.baseDelay = PAGE_DURATION_MS; this.timing.baseDelay = PAGE_DURATION_MS;
} }

View file

@ -4,7 +4,7 @@
.weather-display .progress { .weather-display .progress {
@include u.text-shadow(); @include u.text-shadow();
font-family: 'Star4000 Extended'; font-family: 'Star4000 Extended';
font-size: 19pt; font-size: 18pt;
.container { .container {
position: relative; position: relative;
@ -13,7 +13,7 @@
box-sizing: border-box; box-sizing: border-box;
height: 310px; height: 310px;
overflow: hidden; overflow: hidden;
line-height: 28px; line-height: 26px;
.item { .item {
position: relative; position: relative;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long