Adding arrow buttons to the scale for touch tuning.

This commit is contained in:
Marat Fayzullin 2023-01-12 14:06:50 -05:00
parent cb49ef38e0
commit bad6951277
2 changed files with 16 additions and 2 deletions

View File

@ -585,6 +585,13 @@ img.openwebrx-mirror-img
font-weight: bold;
}
.openwebrx-tune-button
{
margin: 5px 5px 5px 5px;
text-align: center;
opacity: 0.5;
}
.openwebrx-progressbar
{
position: relative;

View File

@ -44,8 +44,15 @@
${header}
<div class="openwebrx-waterfall-container">
<div id="openwebrx-frequency-container">
<div id="openwebrx-bookmarks-container"></div>
<div id="openwebrx-scale-container">
<div id="openwebrx-bookmarks-container" style="z-index:2;">
<div class="openwebrx-button openwebrx-round-button-small openwebrx-tune-button" style="position:absolute;top:50%;left:0;" title="Tune down" onclick="tuneBySteps(-1);">
<svg viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#left"></use></svg>
</div>
<div class="openwebrx-button openwebrx-round-button-small openwebrx-tune-button" style="position:absolute;top:50%;right:0;" title="Tune up" onclick="tuneBySteps(1);">
<svg viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#right"></use></svg>
</div>
</div>
<div id="openwebrx-scale-container" style="z-index:1;">
<canvas id="openwebrx-scale-canvas" width="0" height="0"></canvas>
</div>
</div>