lifning/ws4kp
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix full screen vertical and radar

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
server/scripts/modules/radar.mjs
View file

@ -216,7 +216,7 @@ class Radar extends WeatherDisplay {
// get image offset calculation
// 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
this.elem.querySelector('.scroll-area').style.top = `${-this.screenIndex * actualFrameHeight}px`;

2
server/styles/main.css
View file

File diff suppressed because one or more lines are too long

2
server/styles/main.css.map
View file

File diff suppressed because one or more lines are too long

2
server/styles/scss/_page.scss
View file

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

2
views/index.ejs
View file

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