ua1zbe
/
openwebrxplus
mirror of https://github.com/luarvique/openwebrx
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adding arrows to the section dividers.

This commit is contained in:
Marat Fayzullin 2023-04-03 00:02:58 -04:00
parent 775dcd9283
commit 7ddcc992aa
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
htdocs/index.html
View File

@ -190,11 +190,11 @@
<select id="openwebrx-sdr-profiles-listbox" onchange="sdr_profile_changed();">
</select>
</div>
<div class="openwebrx-section-divider" onclick="toggleSection(this);">Modes</div>
<div class="openwebrx-section-divider" onclick="toggleSection(this);">&blacktriangledown;Modes</div>
<div class="openwebrx-section">
<div class="openwebrx-modes openwebrx-panel-line"></div>
</div>
<div class="openwebrx-section-divider" onclick="toggleSection(this);">Controls</div>
<div class="openwebrx-section-divider" onclick="toggleSection(this);">&blacktriangledown;Controls</div>
<div class="openwebrx-section">
<div class="openwebrx-panel-line">
<div title="Mute on/off" class="openwebrx-button openwebrx-slider-button openwebrx-mute-button" onclick="toggleMute();">
@ -242,7 +242,7 @@
<input title="Waterfall maximum level" id="openwebrx-waterfall-color-max" class="openwebrx-panel-slider" type="range" min="-200" max="100" value="50" step="1" onchange="updateWaterfallColors(1);" oninput="updateVolume()">
</div>
</div>
<div class="openwebrx-section-divider" onclick="toggleSection(this);">Range</div>
<div class="openwebrx-section-divider" onclick="toggleSection(this);">&blacktriangledown;Range</div>
<div class="openwebrx-section">
<div class="openwebrx-panel-line">
<div class="openwebrx-button openwebrx-square-button openwebrx-zoom-button" onclick="zoomInOneStep();" title="Zoom in one step"><svg viewBox="0 0 80 80"><use xlink:href="static/gfx/svg-defs.svg#zoom-in"></use></svg></div>

2
htdocs/openwebrx.js
View File

@ -45,8 +45,10 @@ function toggleSection(el) {
var next_el = el.nextElementSibling;
if (next_el) {
if (next_el.style.display === "none") {
el.innerHTML = el.innerHTML.replace("\u25B4", "\u25BE");
next_el.style.display = "block";
} else {
el.innerHTML = el.innerHTML.replace("\u25BE", "\u25B4");
next_el.style.display = "none";
}
}