layer5io
Replace 'You are here' Yellow Box with a Location Icon in Layer5 Docs
Current Behavior
The "You are here" indicator is currently a yellow box, which doesn't align well with the UI and feels out of place.
Expected Behavior
Replace the yellow box with a more intuitive location-style icon, similar to the one used in MeshMap, for better visual consistency and UX.
Screenshots/Logs
Environment
- Host OS: Mac Linux Windows
- Browser: Chrome Safari Firefox Edge Opera
Contributor Guide and Resources
- 📚 Instructions for contributing to documentation
- 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
- 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack
@ShivprasadRoul are you working on this issue actively? Progress to report?
@leecalcote @fitzergerald I also noticed similar bugs on other pages like Kanwas. pic for reference
It seems like the yellow box is meant to highlight the entire Cloud or Kanwas section rather than just displaying an icon. If that’s the intended behavior, I fixed it and it should look like this, have to work a bit on css part but will do tonight
after fix it would look like this
I've attached a screenshot for reference. Could you confirm if this is a intended behaviour? If yes, I'll raise a PR. Thanks and really sorry for the late reply.
@ShivprasadRoul, the yellow box isn't a bug. It's by design. You're suggesting that there can be a better design, not pointing out a bug.
Yes, the proposed, larger You are here box is perhaps easier to understand.
What happened to the location icon suggestion that @leecalcote had made?
@fitzergerald , Yes, it's a UI enhancement, not a bug—my bad! BTW, I tried adding the icon, but it caused alignment issues. The text and icon shifted to the right, making the layout look odd.