Tag set nominations on review page have unreadable light text on white background in Reversi and incorrect hover style on checkboxes in Reversi and Snow Blue

Description

Steps to reproduce

  1. Log in

  2. Choose either “Reversi” or “Snow Blue” from the “Customize” section in the footer

  3. Browse > Tags > Tag Sets > New Tag Set

  4. Enter a name in the “Title” field

  5. Check “Currently taking nominations?”

  6. Enter at least “1” for “Fandom”, “Character”, and “Additional Tags”

  7. Press “Submit”

  8. Follow the “Nominate” link

  9. Enter a fandom in the relevant field

  10. Enter a character in the relevant field

  11. Enter an additional tag in the relevant field

  12. Press “Submit”

  13. Follow “Back to Tag Set Title”

  14. Follow “Review Nominations”

  15. Hover over the “+” and “-” checkboxes

What happens

In Reversi:

  1. The nominated tags are written in light text on a white background. You can’t read it.

  2. The checkboxes have red text and a light grey highlight on hover.

In Snow Blue:

  1. The checkboxes have red text on hover.

What should happen

In Reversi:

  1. The nominations' background should be the same grey that you see behind the autocomplete field to the left.

  2. The checkboxes should have similar hover styling to the rest of the links and buttons.

In Snow Blue:

  1. The checkboxes should have blue text on hover.

Notes

The hover state issue also affects the Review Associations page. To see it, you have to approve a nomination for a character who is not currently associated with their nominated fandom and then access the Review Associations page.

Deploy notes

This involves changing a site skin, so an admin with the superadmin role will need to update Reversi and Snow Blue either shortly before or after deploy:

  1. Log in as an admin with the superadmin role

  2. Skins > Approved Skins

  3. Follow the “Reversi” link in the table

  4. Follow the “Edit” link

  5. Copy and paste the CSS from GitHub into the CSS field

  6. Press “Update” to save

  7. Repeat for Snow Blue

And then Systems will need to run the playbook for recaching skins.

Attachments

4

Activity

Brian Austin 
April 21, 2025 at 2:30 AM

In Reversi:

  • Text was readable, and the background looked right

  • On hover, the checkboxes behaved like I would expect normal buttons (including the slight greying of the characters in the buttons)

In Snow Blue:

  • Texboxes had the expected background and blue text on hover

Sarken 
April 21, 2025 at 12:25 AM

We might be looking at different things, but I think the additional padding in Snow Blue is an illusion resulting from the nominated tags having their background and bottom border color set to white, making their boundaries basically invisible, while Reversi has the background and bottom border set to different shades of grey and therefore more noticeable.

Deniz 
April 20, 2025 at 4:38 PM

I logged in with my user account and chose Reversi from the footer.

  • Nominations background matched the same grey as the autocomplete field.

  • Hover styles matched the other buttons.

I then switched to Snow Blue from the footer and went back to the same page.

  • Checkboxes had blue text on hover.

  • I don’t think it’s much of an issue, but there was additional padding around the character tag for Snow Blue than Reversi.

Brian Austin 
April 18, 2025 at 9:24 PM

Skins recached on staging.

DeployedToBeta

Details

Assignee

Reporter

Roadmap

Skins

Priority

Affects versions

Fix versions

Components

FrontEnd

Difficulty

Milestone

Sentry

Created April 1, 2025 at 12:31 AM
Updated April 24, 2025 at 9:44 PM
Resolved April 24, 2025 at 9:44 PM