Skip to content

Replace inline tags with hoverable "Tags" pill on workshops index and bookmarks#1003

Draft
Copilot wants to merge 6 commits intomainfrom
copilot/remove-tags-from-index-row
Draft

Replace inline tags with hoverable "Tags" pill on workshops index and bookmarks#1003
Copilot wants to merge 6 commits intomainfrom
copilot/remove-tags-from-index-row

Conversation

Copy link
Contributor

Copilot AI commented Feb 15, 2026

What is the goal of this PR and why is this important?

This PR improves the workshop index and bookmarks layout by replacing the inline tags display (which was truncated to 150 characters) with a cleaner, more space-efficient "Tags" pill that shows the tag count. Users can hover over the pill to see all sector and category tags without truncation.

How did you approach the change?

Helper Method (app/helpers/taggings_helper.rb)

  • Created collect_all_tags helper method to centralize tag collection logic
  • Collects both sectors (sorted alphabetically) and categories (sorted by position then name)
  • Ensures consistent behavior across all views

Workshop Index Row (app/views/workshops/_index_row.html.erb)

  • Removed inline tags from the description area
  • Added "Tags: [count]" next to "Bookmarked: [count]" in the metadata section
  • Implemented hover tooltip using Tailwind's group utilities to display all tags
  • Respects existing hide_tags parameter

Bookmarks Personal Row (app/views/bookmarks/_personal_row.html.erb)

  • Added same "Tags: [count]" feature for Workshop bookmarks
  • Uses the same helper method for consistency
  • Only displays for Workshop-type bookmarks

Implementation Details:

  • Tooltip uses white background with border, shadow, and proper z-index
  • Positioned below the text with min/max width constraints for readability
  • No truncation - all tags are visible on hover
  • Follows Ruby style conventions

Anything else to add?

Visual Result:

Before hover:
Normal View

After hover (showing all tags):
Hover View

Benefits:

  • Cleaner layout - description area is for descriptions only
  • No truncation - all tags accessible on hover
  • Consistent placement with other metadata
  • Space-efficient display
  • Maintainable code with centralized helper method

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>
@maebeale
Copy link
Collaborator

@copilot try again. and also add Tags: [tag_count] next to the Bookmarked: [boomark_count], that when hovered, shows all sector and category tags.

- Remove tags from description area in workshops index row
- Add "Tags: [count]" next to "Bookmarked: [count]" in metadata section
- Implement hover tooltip to show all sector and category tags
- Apply same changes to bookmarks personal row for workshops

Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>
Copy link
Contributor Author

Copilot AI commented Feb 15, 2026

@copilot try again. and also add Tags: [tag_count] next to the Bookmarked: [boomark_count], that when hovered, shows all sector and category tags.

Done! I've implemented the tags feature as requested:

Changes in commit 44f5ece:

  • Removed inline tags from description area in workshops index
  • Added "Tags: [count]" next to "Bookmarked: [count]" showing both sector and category tags
  • Implemented hover tooltip that displays all tags (no truncation)
  • Applied same changes to bookmarks personal row for workshops

Visual result:

Normal view:
Tags normal

When hovering over "Tags: 8":
Tags hover showing all tags

The tooltip shows all sector and category tags joined by commas, with proper styling and positioning.

Copilot AI and others added 3 commits February 15, 2026 17:38
- Add collect_all_tags helper method in TaggingsHelper
- Refactor index_row and personal_row to use the helper
- Improves maintainability and ensures consistent behavior

Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>
- Add alphabetical sorting to sectors in collect_all_tags
- Ensures predictable and consistent tag display order
- Sectors sorted by name, categories by position then name

Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>
Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>
Copilot AI changed the title [WIP] Remove tags from workshops index row and bookmarks Replace inline tags with hoverable "Tags" pill on workshops index and bookmarks Feb 15, 2026
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