mirror of
https://github.com/wavelog/wavelog.git
synced 2026-03-22 10:24:14 +00:00
Improved behavior at small screens
This commit is contained in:
@@ -584,6 +584,7 @@ body.fullscreen-active {
|
||||
.menu-bar {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Ensure CAT Control and search box stay right-aligned when wrapping */
|
||||
@@ -591,6 +592,12 @@ body.fullscreen-active {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
/* Ensure all menu rows wrap properly and show all content */
|
||||
.menu-bar .d-flex {
|
||||
overflow: visible;
|
||||
min-height: fit-content;
|
||||
}
|
||||
|
||||
.card-body.pt-1 {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
@@ -710,6 +717,54 @@ select[multiple] option:checked {
|
||||
min-height: 100px;
|
||||
max-height: 150px;
|
||||
}
|
||||
|
||||
/* Status bar and search on smaller screens */
|
||||
.status-bar {
|
||||
font-size: 0.8rem;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.status-bar-inner {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.status-bar-right {
|
||||
min-width: 80px;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
/* Ensure menu rows wrap properly */
|
||||
.menu-bar .d-flex {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/* Reduce card-body padding on tablets */
|
||||
.card-body.pt-1 {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
/* Make buttons smaller on tablets */
|
||||
.btn-sm {
|
||||
font-size: 0.75rem;
|
||||
padding: 0.15rem 0.35rem;
|
||||
}
|
||||
|
||||
/* Hide text labels in quick filter buttons on tablets - icons only */
|
||||
#toggleLotwFilter .d-none.d-sm-inline,
|
||||
#toggleNewContinentFilter .d-none.d-sm-inline,
|
||||
#toggleDxccNeededFilter .d-none.d-sm-inline,
|
||||
#toggleNewCallsignFilter .d-none.d-sm-inline,
|
||||
#toggleContestFilter .d-none.d-sm-inline,
|
||||
#toggleGeoHunterFilter .d-none.d-sm-inline,
|
||||
#toggleFreshFilter .d-none.d-sm-inline {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Reduce gap between button groups */
|
||||
.menu-bar .d-flex {
|
||||
gap: 0.3rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
@@ -717,4 +772,67 @@ select[multiple] option:checked {
|
||||
min-height: 150px;
|
||||
max-height: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Reduce card-body padding on mobile */
|
||||
.card-body.pt-1 {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
/* Stack status bar and search vertically on mobile */
|
||||
.menu-bar > div:last-child > div:first-child {
|
||||
flex: 1 1 100% !important;
|
||||
max-width: 100% !important;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.menu-bar > div:last-child .input-group {
|
||||
flex: 1 1 100% !important;
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
/* Make buttons even smaller on mobile */
|
||||
.btn-sm {
|
||||
font-size: 0.7rem;
|
||||
padding: 0.1rem 0.25rem;
|
||||
}
|
||||
|
||||
/* Hide text labels on quick filter buttons - show icons only */
|
||||
.d-none.d-sm-inline {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Reduce gap between elements */
|
||||
.menu-bar .d-flex {
|
||||
gap: 0.2rem !important;
|
||||
}
|
||||
|
||||
.menu-bar .d-flex.gap-2 {
|
||||
gap: 0.2rem !important;
|
||||
}
|
||||
|
||||
/* Reduce button group spacing */
|
||||
.btn-group {
|
||||
gap: 0px;
|
||||
}
|
||||
|
||||
.btn-group .btn {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Ensure all rows in menu wrap properly */
|
||||
.menu-bar > div {
|
||||
overflow: visible !important;
|
||||
min-height: auto !important;
|
||||
}
|
||||
|
||||
/* Reduce status bar font size further */
|
||||
.status-bar {
|
||||
font-size: 0.7rem;
|
||||
padding: 3px 6px;
|
||||
}
|
||||
|
||||
.status-bar-right {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1990,9 +1990,16 @@ $(function() {
|
||||
// Build message object with backward compatibility
|
||||
let message = {
|
||||
frequency: qrg,
|
||||
frequency_rx: "", // Default empty for non-split operation
|
||||
call: call
|
||||
};
|
||||
|
||||
// If radio is in split mode, include the RX frequency
|
||||
if (window.lastCATData && window.lastCATData.frequency_rx) {
|
||||
message.frequency_rx = window.lastCATData.frequency_rx;
|
||||
console.log('Split mode detected, RX frequency:', message.frequency_rx);
|
||||
}
|
||||
|
||||
// Add reference fields if available (backward compatible - only if spotData exists)
|
||||
if (spotData && spotData.dxcc_spotted) {
|
||||
console.log('Building message with spot data:', spotData.dxcc_spotted);
|
||||
|
||||
Reference in New Issue
Block a user