Skip to content

Git checkout b feature/UI icon tabs#357

Closed
nngeek195 wants to merge 2 commits intovalhalla:masterfrom
nngeek195:git-checkout--b-feature/ui-icon-tabs
Closed

Git checkout b feature/UI icon tabs#357
nngeek195 wants to merge 2 commits intovalhalla:masterfrom
nngeek195:git-checkout--b-feature/ui-icon-tabs

Conversation

@nngeek195
Copy link

Summary
This PR addresses the UI enhancement requested in #353. It moves the primary navigation from a hidden sheet trigger to a persistent, high-visibility vertical icon bar in the top-left corner. Additionally, it refactors the "Open OSM" action into a standardized floating icon button to improve map real estate and consistency.

Changes
src/components/route-planner.tsx
Vertical Tab Controls: Replaced the SheetTrigger with a persistent floating div in the upper-left corner containing three high-contrast icon buttons:

  • Directions (Route icon)
  • Isochrones (Share2 icon)
  • Tiles (Layers icon)

src/components/map/index.tsx
OSM Button : Updated the "Open OSM" button with using OSM original logo(add it in svg)

  • Positioning & Accessibility: Moved the button to bottom-20 to avoid overlap with standard map controls and added a title="Open OSM" attribute for screen readers and hover tooltips.

Related Issue
Closes #353
image

@ghost
Copy link

ghost commented Mar 7, 2026

Preview is ready! 🚀 You can view it here: https://valhalla-app-tests.gis-ops.com/357

@nilsnolde
Copy link
Member

Pure AI. Sorry dude, he that readeth not, shall not write.

@nilsnolde nilsnolde closed this Mar 7, 2026
@nngeek195
Copy link
Author

Pure AI. Sorry dude, he that readeth not, shall not write.

It was easy that's why I use, I gave the nessary icons and just did that, If you propose, sure sir I will continue other manually.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

few UI improvements: replace text buttons with icon buttons

2 participants