hasadna / open-bus-map-search

open-bus-map-search
https://open-bus-map-search.hasadna.org.il/dashboard
MIT License
48 stars 85 forks source link

feat: add tooltips to homepage icons and restructure icons for responsive design #827

Closed Sicnecher closed 1 week ago

Sicnecher commented 1 week ago
  1. The explanations for each icon were occupying too much space, so I implemented a solution using tooltips. צילום מסך 2024-06-20 000057

צילום מסך 2024-06-20 000324

  1. When the screen width is below 320px, the icons start glitching to the sides, making them difficult to access for phone users and visually unappealing. Instead, once the screen width reaches 450px, the icons are replaced with a single menu icon that provides quick access to the menu for browsing. צילום מסך 2024-06-20 000132 צילום מסך 2024-06-20 000253

P.S.: Just to clarify, the noticeable changes in the last part of the file are due to the fact that I have moved the non-React functions above. After all, it's best practice.

github-actions[bot] commented 1 week ago

Preview: https://s3.amazonaws.com/noam-gaash.co.il/9588323631/open-bus/18/index.html Preview Storybook: https://s3.amazonaws.com/noam-gaash.co.il/9588323631/open-bus/18/storybook/index.html