mirror of
https://github.com/Kpa-clawbot/meshcore-analyzer.git
synced 2026-10-23 08:52:21 +00:00
fix: region dropdown matches btn-icon style, says 'All Regions'
- border-radius 6px (rectangle) instead of 16px (pill) - Same padding/font-size as btn-icon - Removed redundant 'Region:' label from dropdown mode - Default label: 'All Regions' instead of 'All'
This commit is contained in:
1 parent
5f06d967d3
commit
d2dbb1d8e6
3 files changed
+8
-9
No files matched your search
+2
-2
@@ -22,7 +22,7 @@
|
||||
<meta name="twitter:title" content="MeshCore Analyzer">
|
||||
<meta name="twitter:description" content="Real-time MeshCore LoRa mesh network analyzer — live packet visualization, node tracking, channel decryption, and route analysis.">
|
||||
<meta name="twitter:image" content="https://raw.githubusercontent.com/Kpa-clawbot/meshcore-analyzer/master/public/og-image.png">
|
||||
<link rel="stylesheet" href="style.css?v=1774354800">
|
||||
<link rel="stylesheet" href="style.css?v=1774355100">
|
||||
<link rel="stylesheet" href="home.css">
|
||||
<link rel="stylesheet" href="live.css?v=1774058575">
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
|
||||
@@ -80,7 +80,7 @@
|
||||
|
||||
<script src="vendor/qrcode.js"></script>
|
||||
<script src="roles.js?v=1774290000"></script>
|
||||
<script src="region-filter.js?v=1774354500"></script>
|
||||
<script src="region-filter.js?v=1774355100"></script>
|
||||
<script src="app.js?v=1774052279"></script>
|
||||
<script src="home.js?v=1774042199"></script>
|
||||
<script src="packets.js?v=1774354500"></script>
|
||||
|
||||
@@ -87,11 +87,11 @@
|
||||
|
||||
/** Build summary label for dropdown trigger */
|
||||
function dropdownLabel(codes) {
|
||||
if (!_selected) return 'All';
|
||||
if (!_selected) return 'All Regions';
|
||||
var sel = Array.from(_selected);
|
||||
if (sel.length === 0) return 'All';
|
||||
if (sel.length === 0) return 'All Regions';
|
||||
if (sel.length <= 2) return sel.map(function (c) { return _regions[c] || c; }).join(', ');
|
||||
return sel.length + ' selected';
|
||||
return sel.length + ' Regions';
|
||||
}
|
||||
|
||||
/** Render pill bar mode (≤4 regions) */
|
||||
@@ -121,7 +121,6 @@
|
||||
function renderDropdown(container, codes) {
|
||||
var allSelected = !_selected;
|
||||
var html = '<div class="region-dropdown-wrap" role="group" aria-label="Region filter">';
|
||||
html += '<span class="region-filter-label">Region:</span>';
|
||||
html += '<button class="region-dropdown-trigger" aria-haspopup="listbox" aria-expanded="false">' +
|
||||
dropdownLabel(codes) + ' ▾</button>';
|
||||
html += '<div class="region-dropdown-menu" role="listbox" aria-label="Select regions" hidden>';
|
||||
|
||||
+3
-3
@@ -1467,9 +1467,9 @@ tr[data-hops]:hover { background: rgba(59,130,246,0.1); }
|
||||
}
|
||||
.region-dropdown-wrap { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 8px 0; }
|
||||
.region-dropdown-trigger {
|
||||
display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 16px;
|
||||
font-size: 12px; font-weight: 500; cursor: pointer; border: 1.5px solid var(--border);
|
||||
background: transparent; color: var(--text); transition: all 0.15s;
|
||||
display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 6px;
|
||||
font-size: 14px; font-weight: 500; cursor: pointer; border: 1px solid var(--border);
|
||||
background: none; color: var(--text); transition: all 0.15s;
|
||||
}
|
||||
.region-dropdown-trigger:hover { border-color: var(--accent); color: var(--accent); }
|
||||
.region-dropdown-menu {
|
||||
|
||||
Reference in new issue
Block a user