joachim/openwebrx-clone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

move the error overlay so it doesn't block the title menu buttons

Browse Source
This commit is contained in:
Jakob Ketterl 2021-05-17 21:14:00 +02:00
parent 970be58e9c
commit e206b83e74
2 changed files with 166 additions and 153 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
htdocs/css/openwebrx.css
View File

@ -750,7 +750,7 @@ img.openwebrx-mirror-img
} }
.openwebrx-overlay { .openwebrx-overlay {
position: fixed; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
@ -1326,3 +1326,14 @@ img.openwebrx-mirror-img
#openwebrx-waterfall-colors-auto.highlighted .auto { #openwebrx-waterfall-colors-auto.highlighted .auto {
display: none; display: none;
} }
.openwebrx-waterfall-container {
flex-grow: 1;
display: flex;
flex-direction: column;
position: relative;
}
.openwebrx-waterfall-container > * {
flex: 0 0 auto;
}

16
htdocs/index.html
View File

@ -41,6 +41,7 @@
<body onload="openwebrx_init();"> <body onload="openwebrx_init();">
<div id="webrx-page-container"> <div id="webrx-page-container">
${header} ${header}
<div class="openwebrx-waterfall-container">
<div id="openwebrx-frequency-container"> <div id="openwebrx-frequency-container">
<div id="openwebrx-bookmarks-container"></div> <div id="openwebrx-bookmarks-container"></div>
<div id="openwebrx-scale-container"> <div id="openwebrx-scale-container">
@ -187,13 +188,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="openwebrx-autoplay-overlay" class="openwebrx-overlay" style="display:none;">
<div class="overlay-content">
<svg viewBox="0 0 700 700"><use xlink:href="static/gfx/svg-defs.svg#play-button"></use></svg>
<div>Start OpenWebRX</div>
</div>
</div>
<div id="openwebrx-error-overlay" class="openwebrx-overlay" style="display:none;"> <div id="openwebrx-error-overlay" class="openwebrx-overlay" style="display:none;">
<div class="overlay-content"> <div class="overlay-content">
<div>This receiver is currently unavailable due to technical issues.</div> <div>This receiver is currently unavailable due to technical issues.</div>
@ -201,6 +195,14 @@
<div class="errormessage"></div> <div class="errormessage"></div>
</div> </div>
</div> </div>
</div>
</div>
<div id="openwebrx-autoplay-overlay" class="openwebrx-overlay" style="display:none;">
<div class="overlay-content">
<svg viewBox="0 0 700 700"><use xlink:href="static/gfx/svg-defs.svg#play-button"></use></svg>
<div>Start OpenWebRX</div>
</div>
</div>
<div id="openwebrx-dialog-bookmark" class="openwebrx-dialog" style="display:none;"> <div id="openwebrx-dialog-bookmark" class="openwebrx-dialog" style="display:none;">
<form> <form>
<div class="form-field"> <div class="form-field">