Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve Map view style and readability in Search chats #99

Open
6 tasks done
itsmartashub opened this issue Jan 10, 2025 · 0 comments
Open
6 tasks done

Improve Map view style and readability in Search chats #99

itsmartashub opened this issue Jan 10, 2025 · 0 comments
Assignees
Labels
Area: Search Enhancement Status: Already Implemented A proposal which has already been implemented before

Comments

@itsmartashub
Copy link
Owner

itsmartashub commented Jan 10, 2025

Several UI elements in the map view require styling improvements to enhance readability and maintain consistency with our accent theme throughout the search chat experience.

  • List/Map toggle pills are not properly styled
  • Location marker bubbles have readability issues due to black coloring
  • Order bubbles within location markers don't match accent theme
  • Location review cards need styling improvements in both map and list views
  • Add hover state styles for active and non-active review cards in both, Map and List view
  • Fix all for mobile screens too
@itsmartashub itsmartashub self-assigned this Jan 10, 2025
itsmartashub added a commit that referenced this issue Jan 11, 2025
…tch the accent theme (#99)

- Improve background and text color for selected and non-selected states of location markers (bubbles) in the Map
- Update counter bubbles for review cards to match the accent theme
- Enhance the List/Map toggle pills to match the accent theme

Changes summary:
    - Improved the background and text color for selected and non-selected states of location markers, counter bubbles for review cards, and the List/Map toggle pills to match the accent theme for better visual consistency.
itsmartashub added a commit that referenced this issue Jan 11, 2025
…ew (#99)

- Added better background and text colors for selected and non-selected cards
- Implemented hover and non-hover state styles with transform for better user feedback
- Improved background styles for location order bubbles in review cards
- Added subtle borders to single out the cards
- Increased the gap between cards for better spacing
- Added an accent-gradient for image placeholders when there is no image in review cards for list and map views

Changes summary:
    - Enhanced the appearance of location review cards in the List view with better colors, hover effects, and spacing.
    - Improved the visual feedback and overall user experience for reviewing locations.
itsmartashub added a commit that referenced this issue Jan 11, 2025
…ew on hover (#99)

- Added a different background color for review cards in the Map view when hovered
- Enhanced the visual feedback for users when interacting with review cards in the Map view

Changes summary:
    - Added a different background color for review cards in the Map view when hovered to improve visual feedback and user experience.
itsmartashub added a commit that referenced this issue Jan 11, 2025
…maps (#99)

- Removed the hover background color for the info button on the top left in the Maps view
- Ensured a cleaner and more consistent visual design for the info button

Changes summary:
    - Removed the hover background color for the info button in the Maps view to ensure a cleaner and more consistent visual design.
itsmartashub added a commit that referenced this issue Jan 12, 2025
…ode (#99)

- Align mobile review card styles with desktop List view
- Remove underline `:after` style from Google links ("Instructions", "Phone") on mobiles
- Add border spacing for mobile screens
- Refactor map code to eliminate redundancy

Changes summary:
- Improved mobile experience for viewing business reviews and maps
itsmartashub added a commit that referenced this issue Jan 12, 2025
#99)

- Improve SVG border styling for non-selected/non-active bubble markers
- Make `Open now` text bold to match `Closed` style

Changes summary:
- Enhanced map markers visibility and business hours display
itsmartashub added a commit that referenced this issue Jan 12, 2025
- Apply correct styles for `Open now` and `Closes` text in review cards while in Map view
- Ensure consistent styling between List and Map views

Changes summary:
- Fixed inconsistent business hours display in map view
@itsmartashub itsmartashub added the Status: Already Implemented A proposal which has already been implemented before label Jan 12, 2025
itsmartashub added a commit that referenced this issue Jan 17, 2025
- Remove underline decoration from `Directions`, `Website` and `Call` links
- Maintain button-like appearance while fixing mobile styling

Changes summary:
- Fixed mobile display of action buttons in business reviews
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: Search Enhancement Status: Already Implemented A proposal which has already been implemented before
Projects
None yet
Development

No branches or pull requests

1 participant