diff --git a/webassets/css/style.css b/webassets/css/style.css index 76b6e7a..ae85f97 100644 --- a/webassets/css/style.css +++ b/webassets/css/style.css @@ -222,6 +222,26 @@ div.band-spot { cursor: default; } +div.band-spot:hover { + z-index: 999; +} + +div.band-spot span.band-spot-call { + display: inline; +} + +div.band-spot:hover span.band-spot-call { + display: none; +} + +div.band-spot span.band-spot-info { + display: none; +} + +div.band-spot:hover span.band-spot-info { + display: inline; +} + /* GENERAL MOBILE SUPPORT */ diff --git a/webassets/js/bands.js b/webassets/js/bands.js index 3c1e3af..db8afac 100644 --- a/webassets/js/bands.js +++ b/webassets/js/bands.js @@ -106,7 +106,7 @@ function updateBands() { var pxDownBandLabel = (emDownBand * BAND_COLUMN_FONT_SIZE) + (0.015 * BAND_COLUMN_HEIGHT_PX); // Add spot div to DOM - bandSpotsDiv.append(`
${s.dx_call}
`); + bandSpotsDiv.append(`
${s.dx_call}${s.dx_call} ${(s.freq/1000000).toFixed(3)} ${s.mode}
`); // Draw the line on the canvas var ctx = bandLinesCanvas[0].getContext('2d'); @@ -131,6 +131,12 @@ function updateBands() { // Update the DOM with the band HTML bandsContainer.html(table); + + // Desktop mouse wheel to scroll bands horizontally if used on the headers + table.find('thead tr').on("wheel", () => { + bandsContainer.scrollLeft(bandsContainer.scrollLeft() + event.deltaY / 10.0); + return false; + }); } // Iterate through a temporary list of spots, merging duplicates in a way suitable for the band panel. If two or more