fix: SSTV location settings and panel sizing

- Fix GPS button not working (pass button element to handler)
- Hide output element in SSTV mode to allow panels to fill space
- Add explicit height rules for SSTV panels to expand vertically

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-29 16:03:41 +00:00
parent e6a9d5ae90
commit 4f364ccfe4
4 changed files with 7 additions and 6 deletions
+4 -2
View File
@@ -20,6 +20,7 @@
padding: 16px; padding: 16px;
min-height: 0; min-height: 0;
flex: 1; flex: 1;
height: 100%;
overflow: hidden; overflow: hidden;
} }
@@ -30,8 +31,9 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 16px; gap: 16px;
flex: 1; flex: 1 1 auto;
min-height: 0; min-height: 400px;
height: 100%;
overflow: hidden; overflow: hidden;
} }
+1 -2
View File
@@ -570,7 +570,7 @@ function loadObserverLocation() {
/** /**
* Detect location using browser GPS * Detect location using browser GPS
*/ */
function detectLocationGPS() { function detectLocationGPS(btn) {
const latInput = document.getElementById('observerLatInput'); const latInput = document.getElementById('observerLatInput');
const lonInput = document.getElementById('observerLonInput'); const lonInput = document.getElementById('observerLonInput');
@@ -584,7 +584,6 @@ function detectLocationGPS() {
} }
// Show loading state // Show loading state
const btn = event.target.closest('button');
const originalText = btn.innerHTML; const originalText = btn.innerHTML;
btn.innerHTML = '<span style="opacity: 0.7;">Detecting...</span>'; btn.innerHTML = '<span style="opacity: 0.7;">Detecting...</span>';
btn.disabled = true; btn.disabled = true;
+1 -1
View File
@@ -2584,7 +2584,7 @@
// Hide output console for modes with their own visualizations // Hide output console for modes with their own visualizations
const outputEl = document.getElementById('output'); const outputEl = document.getElementById('output');
const statusBar = document.querySelector('.status-bar'); const statusBar = document.querySelector('.status-bar');
if (outputEl) outputEl.style.display = (mode === 'satellite' || mode === 'aprs' || mode === 'wifi' || mode === 'bluetooth' || mode === 'listening' || mode === 'tscm' || mode === 'spystations' || mode === 'meshtastic') ? 'none' : 'block'; if (outputEl) outputEl.style.display = (mode === 'satellite' || mode === 'sstv' || mode === 'aprs' || mode === 'wifi' || mode === 'bluetooth' || mode === 'listening' || mode === 'tscm' || mode === 'spystations' || mode === 'meshtastic') ? 'none' : 'block';
if (statusBar) statusBar.style.display = (mode === 'satellite') ? 'none' : 'flex'; if (statusBar) statusBar.style.display = (mode === 'satellite') ? 'none' : 'flex';
// Restore sidebar when leaving Meshtastic mode (user may have collapsed it) // Restore sidebar when leaving Meshtastic mode (user may have collapsed it)
+1 -1
View File
@@ -149,7 +149,7 @@
</div> </div>
<div style="display: flex; gap: 10px; margin-top: 15px;"> <div style="display: flex; gap: 10px; margin-top: 15px;">
<button class="check-assets-btn" onclick="detectLocationGPS()" style="flex: 1;"> <button class="check-assets-btn" onclick="detectLocationGPS(this)" style="flex: 1;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 14px; height: 14px; vertical-align: -2px; margin-right: 5px;"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 14px; height: 14px; vertical-align: -2px; margin-right: 5px;">
<circle cx="12" cy="12" r="10"/> <circle cx="12" cy="12" r="10"/>
<circle cx="12" cy="12" r="3"/> <circle cx="12" cy="12" r="3"/>