Skip to content

Comments

Enhance Tags on TrailCard component with toggle support#285

Merged
Flomp merged 3 commits intoopen-wanderer:mainfrom
briannelson95:brian/trail-card-tags
Jun 26, 2025
Merged

Enhance Tags on TrailCard component with toggle support#285
Flomp merged 3 commits intoopen-wanderer:mainfrom
briannelson95:brian/trail-card-tags

Conversation

@briannelson95
Copy link
Contributor

Changes made

  • modified tags on trail_card.svelt to show only first 2 tags by default
  • added button after 2 tags to view more
  • added function to allow for toggle of viewing more tags
  • made text smaller in chip.svelt

Why this is useful

  • allows the trail_card.svelt to remain visual without taking away from the cover photo by using the tag options

Screenshots

Before

Screenshot 2025-04-30 092259

After

Screenshot 2025-04-30 092540

Explanation

I like the use of adding tags to the trails but they take up a lot of space on the trail card view, taking away from the visual images of each trail. I made it so by default it will show the first 2 tags and show "+[x] more" which is a toggle allowing the user to expand the remaining tags if they choose to do so. I also made the text smaller "text-xs" on the chip.svelt to help with the visuals.

@Flomp
Copy link
Collaborator

Flomp commented Jun 26, 2025

Thanks! I updated your PR to v0.17.0 and improved the UX a little. Good addition!

@Flomp Flomp merged commit 9b6522e into open-wanderer:main Jun 26, 2025
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.

2 participants