fix full screen vertical and radar
This commit is contained in:
parent
2c31484e99
commit
2c9e15bed0
|
@ -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
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue