Skip to content

QueueCard underline hover#489

Open
AdamFipke wants to merge 3 commits intomainfrom
adam/queue-card-hover
Open

QueueCard underline hover#489
AdamFipke wants to merge 3 commits intomainfrom
adam/queue-card-hover

Conversation

@AdamFipke
Copy link
Copy Markdown
Collaborator

@AdamFipke AdamFipke commented Mar 3, 2026

Description

Really small change. Adds an underline under the queue title on hover.
image

Also adjusts the text when loading an example queue config to be a little more clear.

Little bit of context: I was never really done with the /queue page. I've been still trying different things to make queue cards look more "clickable". When I was working on the CMS for my dad's site, he heavily used underlines to emphasize things but I told him that underlines often get confused with links -> Oh, I should just add an underline to the Queue Cards.

I opted to go for on hover rather than static since I think it keeps the page looking slightly cleaner. But, I might continue messing with it in the future.

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update
  • This requires a run of yarn install
  • This change requires an addition/change to the production .env variables. These changes are below:
  • This change requires developers to add new .env variables. The file and variables needed are below:
  • This change requires a database query to update old data on production. This query is below:

How Has This Been Tested?

manual

Checklist:

  • I have performed a code review of my own code (under the "Files Changed" tab on github) to ensure nothing is committed that shouldn't be (e.g. leftover console.logs, leftover unused logic, or anything else that was accidentally committed)
  • I have commented my code where needed
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • I have checked that new and existing tests pass locally with my changes
  • Any work that this PR is dependent on has been merged into the main branch
  • Any UI changes have been checked to work on desktop, tablet, and mobile

.queueCard, .asyncCentreCard {
/* Tailwind shadows don't look great in this scenario so went with custom */
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
transition: box-shadow 0.3s ease;
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

makes the hover feel slightly faster, which makes the site feel slightly faster in turn

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.

1 participant