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
Log in
Choose either “Reversi” or “Snow Blue” from the “Customize” section in the footer
Browse > Tags > Tag Sets > New Tag Set
Enter a name in the “Title” field
Check “Currently taking nominations?”
Enter at least “1” for “Fandom”, “Character”, and “Additional Tags”
Press “Submit”
Follow the “Nominate” link
Enter a fandom in the relevant field
Enter a character in the relevant field
Enter an additional tag in the relevant field
Press “Submit”
Follow “Back to Tag Set Title”
Follow “Review Nominations”
Hover over the “+” and “-” checkboxes
What happens
In Reversi:
The nominated tags are written in light text on a white background. You can’t read it.
The checkboxes have red text and a light grey highlight on hover.
In Snow Blue:
The checkboxes have red text on hover.
What should happen
In Reversi:
The nominations' background should be the same grey that you see behind the autocomplete field to the left.
The checkboxes should have similar hover styling to the rest of the links and buttons.
In Snow Blue:
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:
Log in as an admin with the superadmin role
Skins > Approved Skins
Follow the “Reversi” link in the table
Follow the “Edit” link
Copy and paste the CSS from GitHub into the CSS field
Press “Update” to save
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.
Steps to reproduce
Log in
Choose either “Reversi” or “Snow Blue” from the “Customize” section in the footer
Browse > Tags > Tag Sets > New Tag Set
Enter a name in the “Title” field
Check “Currently taking nominations?”
Enter at least “1” for “Fandom”, “Character”, and “Additional Tags”
Press “Submit”
Follow the “Nominate” link
Enter a fandom in the relevant field
Enter a character in the relevant field
Enter an additional tag in the relevant field
Press “Submit”
Follow “Back to Tag Set Title”
Follow “Review Nominations”
Hover over the “+” and “-” checkboxes
What happens
In Reversi:
The nominated tags are written in light text on a white background. You can’t read it.
The checkboxes have red text and a light grey highlight on hover.
In Snow Blue:
The checkboxes have red text on hover.
What should happen
In Reversi:
The nominations' background should be the same grey that you see behind the autocomplete field to the left.
The checkboxes should have similar hover styling to the rest of the links and buttons.
In Snow Blue:
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:Log in as an admin with the
superadmin
roleSkins > Approved Skins
Follow the “Reversi” link in the table
Follow the “Edit” link
Copy and paste the CSS from GitHub into the CSS field
Press “Update” to save
Repeat for Snow Blue
And then Systems will need to run the playbook for recaching skins.