portrait latest observations #167

This commit is contained in:
Matt Walsh
2026-04-19 14:58:54 -05:00
parent ad05f4c580
commit 125490c158
4 changed files with 30 additions and 7 deletions

View File

@@ -1,11 +1,22 @@
@use 'shared/_colors'as c;
@use 'shared/_utils'as u;
@use 'shared/_positions'as p;
.weather-display .latest-observations {
&.main {
overflow-y: hidden;
.container {
// adjust for the height of the column headers
max-height: calc(p.$standard-scroll-height - 10px);
overflow: hidden;
.portrait.enhanced & {
max-height: calc(p.$portrait-scroll-height - 20px);
}
}
.column-headers {
height: 20px;
position: absolute;
@@ -91,6 +102,10 @@
min-height: 338px;
padding-top: 10px;
.portrait.enhanced & {
padding-top: 40px;
}
.observation-row {
font-family: 'Star4000';
font-size: 24pt;
@@ -107,6 +122,13 @@
white-space: pre;
text-align: right;
}
.portrait.enhanced & {
font-family: 'Star4000 Large';
font-size: 16pt;
height: 48px;
font-weight: bold;
}
}
}
}