Skip to content

Commit 77afb09

Browse files
lsommlsomm
committed
bugfix
1 parent 26a0944 commit 77afb09

3 files changed

Lines changed: 12 additions & 63 deletions

File tree

‎dataBrowser/dataBrowser.css‎

Lines changed: 7 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -47,16 +47,6 @@ grid-template-rows: repeat(4, 1fr);
4747
z-index: 10;
4848
}
4949

50-
#primaryActions {
51-
display: flex;
52-
align-items: center;
53-
gap: 6px;
54-
}
55-
56-
#menuToggle {
57-
display: none;
58-
}
59-
6050
.btn-icon {
6151
width: auto;
6252
height: 16px;
@@ -275,52 +265,24 @@ grid-template-rows: repeat(4, 1fr);
275265
height: auto;
276266
min-height: 56px;
277267
padding: 6px 10px;
278-
justify-content: space-between;
268+
justify-content: center;
279269
gap: 8px;
270+
flex-wrap: wrap;
280271
}
281272

282-
.global-controls button,
283-
#menuToggle {
273+
.global-controls button {
284274
min-height: 44px;
285275
min-width: 44px;
286276
font-size: 1.05rem;
287277
}
288278

289-
#menuToggle {
290-
display: inline-flex;
291-
align-items: center;
292-
justify-content: center;
293-
}
294-
295-
/* Secondary actions collapse into a dropdown under the header */
296-
#primaryActions {
279+
/* Condensed icon-only controls: drop the "Map" text label */
280+
.btn-label {
297281
display: none;
298-
position: absolute;
299-
top: 100%;
300-
left: 0;
301-
right: 0;
302-
flex-direction: column;
303-
align-items: stretch;
304-
gap: 8px;
305-
background-color: #005176;
306-
padding: 8px;
307-
box-shadow: 0 6px 12px rgba(0, 0, 0, .25);
308-
z-index: 9;
309282
}
310283

311-
#primaryActions.open {
312-
display: flex;
313-
}
314-
315-
#primaryActions > button,
316-
#searchContainer {
317-
width: 100%;
318-
box-sizing: border-box;
319-
}
320-
321-
#searchBar.open {
322-
flex: 1;
323-
width: auto;
284+
.btn-icon {
285+
margin-right: 0;
324286
}
325287

326288
.arrow {

‎dataBrowser/dataBrowser.js.temp‎

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,6 @@ function setPanelNumber() {
9898
};
9999

100100
function newPanel() {
101-
closeMobileMenu();
102101
if (currentOpenPanels.length < maxPanels) {
103102
var allIds = Array.from(panels).map(div => div.id);
104103
var availablePanels = allIds.filter(item => !currentOpenPanels.includes(item));
@@ -357,7 +356,6 @@ function updateTiles(){
357356
var mapActive = true;
358357
function mapButton() {
359358
exitMenuMode();
360-
closeMobileMenu();
361359
if (mapActive) {
362360
document.getElementById("selectionMenu").style.display = "none";
363361
document.getElementById("plotsWrapper").style.display = "none";
@@ -393,14 +391,6 @@ function toggleSearch() {
393391
if (bar.classList.contains("open")) bar.focus();
394392
};
395393

396-
function toggleMenu() {
397-
document.getElementById("primaryActions").classList.toggle("open");
398-
};
399-
400-
function closeMobileMenu() {
401-
document.getElementById("primaryActions").classList.remove("open");
402-
};
403-
404394
// Contextual header state: while picking a plot, show Back/Close and hide Map/Add.
405395
function enterMenuMode() {
406396
document.querySelector(".global-controls").classList.add("selecting");

‎dataBrowser/index.html‎

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -14,15 +14,12 @@
1414
<body>
1515
<div class="global-controls">
1616
<button type="button" id="treeNavBack" onclick="treeNavBack()" title="Go Back">&#8592;</button>
17-
<button type="button" id="menuToggle" onclick="toggleMenu()" title="Menu">&#9776;</button>
18-
<div id="primaryActions">
19-
<button type="button" id="mapButton" onclick="mapButton()" title="Show Map"><img src="./map/leaflet/images/marker-icon.png" class="btn-icon"> Map</button>
20-
<button type="button" id="o" onclick="newPanel()" title="Add Panel">&#43;</button>
21-
<div id="searchContainer">
22-
<button type="button" id="searchToggle" onclick="toggleSearch()" title="Search">&#8981;</button>
23-
<input type="text" id="searchBar" placeholder="Search tags..." onkeyup="searchItems()">
24-
</div>
17+
<button type="button" id="mapButton" onclick="mapButton()" title="Show Map"><img src="./map/leaflet/images/marker-icon.png" class="btn-icon"><span class="btn-label">Map</span></button>
18+
<div id="searchContainer">
19+
<button type="button" id="searchToggle" onclick="toggleSearch()" title="Search">&#8981;</button>
20+
<input type="text" id="searchBar" placeholder="Search tags..." onkeyup="searchItems()">
2521
</div>
22+
<button type="button" id="o" onclick="newPanel()" title="Add Panel">&#43;</button>
2623
<div class="date-controls">
2724
<a class="prev arrow" onclick="updateDate(-1)">&#10094;</a>
2825
<input type="date" id="datePicker" name="date">

0 commit comments

Comments
 (0)