switch to 2x image sizes

This commit is contained in:
Matt Walsh 2022-12-19 15:21:38 -06:00
parent 97e0fda709
commit 5d891fb38f
6 changed files with 14 additions and 20 deletions

View file

@ -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';
}; };

View file

@ -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

View file

@ -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 {

View file

@ -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>