fix full screen vertical and radar

This commit is contained in:
Matt Walsh 2023-08-14 21:31:58 -05:00
parent 2c31484e99
commit 2c9e15bed0
5 changed files with 5 additions and 5 deletions

View file

@ -216,7 +216,7 @@ class Radar extends WeatherDisplay {
// get image offset calculation // get image offset calculation
// is slides slightly because of scaling so we have to take a measurement from the rendered page // is slides slightly because of scaling so we have to take a measurement from the rendered page
const actualFrameHeight = this.elem.querySelector('.frame').getBoundingClientRect().height; const actualFrameHeight = this.elem.querySelector('.frame').scrollHeight;
// scroll to image // scroll to image
this.elem.querySelector('.scroll-area').style.top = `${-this.screenIndex * actualFrameHeight}px`; this.elem.querySelector('.scroll-area').style.top = `${-this.screenIndex * actualFrameHeight}px`;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -283,7 +283,7 @@ body {
position: relative; position: relative;
width: 640px; width: 640px;
height: 480px; height: 480px;
overflow: hidden; // overflow: hidden;
background-image: url(../images/BackGround1_1.png); background-image: url(../images/BackGround1_1.png);
transform-origin: 0 0; transform-origin: 0 0;

View file

@ -115,7 +115,7 @@
<div id="radar-html" class="weather-display"> <div id="radar-html" class="weather-display">
<%- include('partials/radar.ejs') %> <%- include('partials/radar.ejs') %>
</div> </div>
<div id="hazards-html" class="weather-display show"> <div id="hazards-html" class="weather-display">
<%- include('partials/hazards.ejs') %> <%- include('partials/hazards.ejs') %>
</div> </div>
</div> </div>