switch to 2x image sizes
This commit is contained in:
parent
97e0fda709
commit
5d891fb38f
|
@ -187,7 +187,7 @@ const enterFullScreen = () => {
|
||||||
|
|
||||||
// change hover text and image
|
// change hover text and image
|
||||||
const img = document.getElementById('ToggleFullScreen');
|
const img = document.getElementById('ToggleFullScreen');
|
||||||
img.src = 'images/nav/ic_fullscreen_exit_white_24dp_1x.png';
|
img.src = 'images/nav/ic_fullscreen_exit_white_24dp_2x.png';
|
||||||
img.title = 'Exit fullscreen';
|
img.title = 'Exit fullscreen';
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -211,7 +211,7 @@ const exitFullscreen = () => {
|
||||||
resize();
|
resize();
|
||||||
// change hover text and image
|
// change hover text and image
|
||||||
const img = document.getElementById('ToggleFullScreen');
|
const img = document.getElementById('ToggleFullScreen');
|
||||||
img.src = 'images/nav/ic_fullscreen_white_24dp_1x.png';
|
img.src = 'images/nav/ic_fullscreen_white_24dp_2x.png';
|
||||||
img.title = 'Enter fullscreen';
|
img.title = 'Enter fullscreen';
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -219,11 +219,11 @@ const setPlaying = (newValue) => {
|
||||||
if (playing) {
|
if (playing) {
|
||||||
noSleep(true);
|
noSleep(true);
|
||||||
playButton.title = 'Pause';
|
playButton.title = 'Pause';
|
||||||
playButton.src = 'images/nav/ic_pause_white_24dp_1x.png';
|
playButton.src = 'images/nav/ic_pause_white_24dp_2x.png';
|
||||||
} else {
|
} else {
|
||||||
noSleep(false);
|
noSleep(false);
|
||||||
playButton.title = 'Play';
|
playButton.title = 'Play';
|
||||||
playButton.src = 'images/nav/ic_play_arrow_white_24dp_1x.png';
|
playButton.src = 'images/nav/ic_play_arrow_white_24dp_2x.png';
|
||||||
}
|
}
|
||||||
// if we're playing and on the progress screen jump to the next screen
|
// if we're playing and on the progress screen jump to the next screen
|
||||||
if (!progress) return;
|
if (!progress) return;
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -213,8 +213,7 @@ button {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
#imgPause1x,
|
#imgPause1x {
|
||||||
#imgPause2x {
|
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
@ -363,7 +362,7 @@ button {
|
||||||
}
|
}
|
||||||
|
|
||||||
#divTwcBottom img {
|
#divTwcBottom img {
|
||||||
zoom: 150%;
|
zoom: 75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#divTwc:fullscreen {
|
#divTwc:fullscreen {
|
||||||
|
|
|
@ -68,11 +68,6 @@
|
||||||
<div id="divLat"></div>
|
<div id="divLat"></div>
|
||||||
<div id="divLng"></div>
|
<div id="divLng"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<img id="imgPause1x" src="images/nav/ic_pause_white_24dp_1x.png" />
|
|
||||||
<img id="imgPause2x" src="images/nav/ic_pause_white_24dp_2x.png" />
|
|
||||||
<div id="version" style="display:none">
|
<div id="version" style="display:none">
|
||||||
<%- version %>
|
<%- version %>
|
||||||
</div>
|
</div>
|
||||||
|
@ -125,16 +120,16 @@
|
||||||
</div>
|
</div>
|
||||||
<div id="divTwcBottom">
|
<div id="divTwcBottom">
|
||||||
<div id="divTwcBottomLeft">
|
<div id="divTwcBottomLeft">
|
||||||
<img id="NavigateMenu" class="navButton" src="images/nav/ic_menu_white_24dp_1x.png" title="Menu" />
|
<img id="NavigateMenu" class="navButton" src="images/nav/ic_menu_white_24dp_2x.png" title="Menu" />
|
||||||
<img id="NavigatePrevious" class="navButton" src="images/nav/ic_skip_previous_white_24dp_1x.png" title="Previous" />
|
<img id="NavigatePrevious" class="navButton" src="images/nav/ic_skip_previous_white_24dp_2x.png" title="Previous" />
|
||||||
<img id="NavigateNext" class="navButton" src="images/nav/ic_skip_next_white_24dp_1x.png" title="Next" />
|
<img id="NavigateNext" class="navButton" src="images/nav/ic_skip_next_white_24dp_2x.png" title="Next" />
|
||||||
<img id="NavigatePlay" class="navButton" src="images/nav/ic_play_arrow_white_24dp_1x.png" title="Play" />
|
<img id="NavigatePlay" class="navButton" src="images/nav/ic_play_arrow_white_24dp_2x.png" title="Play" />
|
||||||
</div>
|
</div>
|
||||||
<div id="divTwcBottomMiddle">
|
<div id="divTwcBottomMiddle">
|
||||||
<img id="NavigateRefresh" class="navButton" src="images/nav/ic_refresh_white_24dp_1x.png" title="Refresh" />
|
<img id="NavigateRefresh" class="navButton" src="images/nav/ic_refresh_white_24dp_2x.png" title="Refresh" />
|
||||||
</div>
|
</div>
|
||||||
<div id="divTwcBottomRight">
|
<div id="divTwcBottomRight">
|
||||||
<img id="ToggleFullScreen" class="navButton" src="images/nav/ic_fullscreen_white_24dp_1x.png" title="Enter Fullscreen" />
|
<img id="ToggleFullScreen" class="navButton" src="images/nav/ic_fullscreen_white_24dp_2x.png" title="Enter Fullscreen" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue