markmental/ws4kp-linhanced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Re-add a new Latest Observations screen
Some checks are pending
build-docker / Build Image (push) Waiting to run
Details

Browse source
This commit is contained in:
mrkmntal 2026-04-13 12:25:16 -04:00
commit e4f66d5bb0
10 changed files with 306 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

86
server/styles/scss/_latest-observations.scss Normal file
View file

@ -0,0 +1,86 @@
@use 'shared/_colors' as c;
@use 'shared/_utils' as u;
.weather-display .main.latest-observations {
&.main {
padding-top: 18px;
.column-headers {
display: flex;
font-family: 'Star4000';
font-size: 14pt;
font-weight: bold;
color: #ff0;
width: 70%;
margin: 8px auto 10px;
padding-top: 20px;
text-shadow: 3px 3px 0 #000,-1.5px -1.5px 0 #000,0 -1.5px 0 #000,1.5px -1.5px 0 #000,1.5px 0 0 #000,1.5px 1.5px 0 #000,0 1.5px 0 #000,-1.5px 1.5px 0 #000,-1.5px 0 0 #000;
.city {
width: 30%;
}
.temp {
width: 15%;
text-align: center;
}
.conditions {
width: 30%;
text-align: center;
}
.wind {
width: 25%;
text-align: right;
padding-right: 4px;
}
}
.observation-lines {
width: 70%;
margin: 0 auto;
.observation-row {
display: flex;
font-family: 'Star4000';
font-size: 14pt;
line-height: 1.4;
margin-bottom: 4px;
@include u.text-shadow();
&.template {
display: none;
}
.city {
width: 30%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
}
.temp {
width: 15%;
text-align: center;
color: c.$title-color;
}
.conditions {
width: 30%;
text-align: center;
color: #fff;
}
.wind {
width: 25%;
text-align: right;
padding-right: 4px;
color: #fff;
}
}
}
}
}

1
server/styles/scss/ws.scss
View file

@ -1,6 +1,7 @@
@use 'page';
@use 'weather-display';
@use 'current-weather';
@use 'latest-observations';
@use 'extended-forecast';
@use 'hourly';
@use 'hourly-graph';

2
server/styles/ws.min.css vendored
View file

File diff suppressed because one or more lines are too long