better fullscreen

This commit is contained in:
Matt Walsh 2020-10-01 22:35:19 -05:00
commit c568fcf781
7 changed files with 31 additions and 16 deletions

View file

@ -80,9 +80,9 @@ const currentWeatherScroll = (() => {
// temperature
(data) => {
let text = `Temp: ${data.Temperature}${degree} ${data.TemperatureUnit}`;
if (data.HeatIndex !== data.Temperature) {
if (data.observations.heatIndex.value) {
text += ` Heat Index: ${data.HeatIndex}${degree} ${data.TemperatureUnit}`;
} else if (data.WindChill !== '' && data.WindChill < data.Temperature) {
} else if (data.observations.windChill.value) {
text += ` Wind Chill: ${data.WindChill}${degree} ${data.TemperatureUnit}`;
}
return text;

View file

@ -254,8 +254,13 @@ jsgif
#container {
position: relative;
width: 100%;
max-width: 640px;
background-image: url(http://localhost:8080/images/BackGround1_1.png);
/* max-width: 640px; */
height: 100%;
max-height: 480;
background-image: url(http://localhost:8080/images/BackGround1_1.png);
}
#divTwc:fullscreen #container {
background-image: none;
}
#loading {
width: 640px;
@ -319,7 +324,13 @@ jsgif
width: 100vw;
max-width: 100vw;
height: auto;
}
}
#divTwc:fullscreen #container {
width: 100vw;
height: auto;
max-height: unset;
max-width: unset;
}
}
@media screen and (orientation: landscape) {
@ -328,6 +339,12 @@ jsgif
max-height: 100vh;
width: auto;
}
#divTwc:fullscreen #container {
height: 100vh;
width: auto;
max-width: 100vw;
max-height: unset;
}
}
.navButton {