diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css index cc758f55..96431535 100644 --- a/htdocs/css/openwebrx.css +++ b/htdocs/css/openwebrx.css @@ -1402,6 +1402,18 @@ img.openwebrx-mirror-img animation-iteration-count: infinite; } +.openwebrx-squelch-auto .scanner { + display: none; +} + +.openwebrx-squelch-auto.highlighted .scanner { + display: initial; +} + +.openwebrx-squelch-auto.highlighted .squelch { + display: none; +} + .openwebrx-slider-button svg { position:relative; top: 1px; diff --git a/htdocs/gfx/svg-defs.svg b/htdocs/gfx/svg-defs.svg index 19451804..72bd8b7c 100644 --- a/htdocs/gfx/svg-defs.svg +++ b/htdocs/gfx/svg-defs.svg @@ -30,5 +30,6 @@ + diff --git a/htdocs/index.html b/htdocs/index.html index d9b375af..77baa773 100644 --- a/htdocs/index.html +++ b/htdocs/index.html @@ -225,7 +225,8 @@
- + +
diff --git a/htdocs/openwebrx.js b/htdocs/openwebrx.js index 21a991f3..6fb3a363 100644 --- a/htdocs/openwebrx.js +++ b/htdocs/openwebrx.js @@ -1722,7 +1722,9 @@ function toggleSpectrum() { } function stopScanner() { - $('.openwebrx-squelch-auto').css('animation-name', ''); + var $scanButton = $('.openwebrx-squelch-auto'); + $scanButton.css('animation-name', ''); + $scanButton.removeClass('highlighted'); scanner.stop(); } @@ -1731,6 +1733,11 @@ function toggleScanner() { var on = scanner.toggle(); $scanButton.css('animation-name', on? 'openwebrx-scan-animation' : ''); + if (on) { + $scanButton.addClass('highlighted'); + } else { + $scanButton.removeClass('highlighted'); + } } /* diff --git a/inkscape files/openwebrx-scanner-running.svg b/inkscape files/openwebrx-scanner-running.svg new file mode 100644 index 00000000..ba23c2cf --- /dev/null +++ b/inkscape files/openwebrx-scanner-running.svg @@ -0,0 +1,119 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + +