Pushing Cuts to repo. Still bugs however decently stable.
This commit is contained in:
@@ -122,11 +122,17 @@
|
||||
<span class="btn-icon">➕</span>
|
||||
<span class="btn-text">Add Location Here</span>
|
||||
</button>
|
||||
|
||||
<button id="fullscreen-btn" class="btn btn-secondary">
|
||||
<span class="btn-icon">⛶</span>
|
||||
<span class="btn-text">Fullscreen</span>
|
||||
</button>
|
||||
<!-- Add cut selector with multi-select support -->
|
||||
<div class="cut-selector-container">
|
||||
<button id="cut-selector" class="cut-selector">
|
||||
Select map overlays...
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Mobile floating sidebar -->
|
||||
@@ -146,11 +152,24 @@
|
||||
<button id="mobile-toggle-edmonton-layer-btn" class="btn btn-secondary" title="Toggle Edmonton Data">
|
||||
🏙️
|
||||
</button>
|
||||
|
||||
<!-- Add mobile overlay button -->
|
||||
<button id="mobile-overlay-btn" class="btn btn-secondary" title="Map Overlays">
|
||||
🗺️
|
||||
</button>
|
||||
|
||||
<button id="mobile-fullscreen-btn" class="btn btn-secondary" title="Fullscreen">
|
||||
⛶
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Add cut legend -->
|
||||
<div id="cut-legend" class="cut-legend">
|
||||
<div id="cut-legend-content" class="cut-legend-content"></div>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Crosshair for location selection -->
|
||||
<div id="crosshair" class="crosshair hidden">
|
||||
<div class="crosshair-x"></div>
|
||||
@@ -388,6 +407,25 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile overlay modal -->
|
||||
<div id="mobile-overlay-modal" class="modal hidden">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h2>Map Overlays</h2>
|
||||
<button class="modal-close" data-action="close-modal">×</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="overlay-actions">
|
||||
<button class="btn btn-primary btn-sm" data-action="show-all">Show All</button>
|
||||
<button class="btn btn-secondary btn-sm" data-action="hide-all">Hide All</button>
|
||||
</div>
|
||||
<div id="mobile-overlay-list" class="mobile-overlay-list">
|
||||
<!-- Will be populated dynamically -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Loading Overlay -->
|
||||
<div id="loading" class="loading-overlay">
|
||||
<div class="spinner"></div>
|
||||
|
||||
Reference in New Issue
Block a user