scale background (it's stretching now, doesn't look too bad though)

This commit is contained in:
Jakob Ketterl 2019-09-29 15:48:24 +02:00
parent 5a3e2a2575
commit fac19e09cd
2 changed files with 12 additions and 6 deletions

View File

@ -153,17 +153,21 @@ input[type=range]:focus::-ms-fill-upper
#openwebrx-scale-container
{
height: 47px;
background-image: url("../gfx/openwebrx-scale-background.png");
background-repeat: repeat-x;
overflow: hidden;
z-index:1000;
position: relative;
}
#openwebrx-frequency-container {
background-image: url("../gfx/openwebrx-scale-background.png");
background-repeat: repeat-x;
background-size: cover;
background-color: #444;
}
#openwebrx-bookmarks-container
{
height: 25px;
background-color: #444;
position: relative;
z-index: 1000;
}

View File

@ -35,9 +35,11 @@
<div id="webrx-page-container">
${header}
<div id="webrx-main-container">
<div id="openwebrx-bookmarks-container"></div>
<div id="openwebrx-scale-container">
<canvas id="openwebrx-scale-canvas" width="0" height="0"></canvas>
<div id="openwebrx-frequency-container">
<div id="openwebrx-bookmarks-container"></div>
<div id="openwebrx-scale-container">
<canvas id="openwebrx-scale-canvas" width="0" height="0"></canvas>
</div>
</div>
<div id="openwebrx-mathbox-container"> </div>
<div id="webrx-canvas-container">