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 0c7ac816e9
commit 18ef6218d8
4 changed files with 7 additions and 6 deletions

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;
} }

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;

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)

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"/>