StackExchange / Stacks

Stack Overflow’s Design System
https://stackoverflow.design
MIT License
602 stars 90 forks source link

chore(tag): update design #1717

Closed dancormier closed 2 months ago

dancormier commented 2 months ago

STACKS-459

This PR updates the design of the tag component.

To test

  1. Go to the Tag page on the Deploy Preview
  2. Verify that tags render as expected
    • Note: Use the mode switcher in the topbar menu to check different combinations of light/dark/high-contrast
  3. Optional: Check out the Post Summary page on the Deploy Preview to ensure tags render as expected in this context

It includes

It does not include

Follow up integration tasks

We'll need to make a few updates to Core to ensure things render as expects. These include:

Screenshot comparisons

Variant Before After
default image image
moderator image image
required image image

cc @ellenchanhy (I'm cc-ing you here but if you'd like to be an "official" reviewer, you can ask helpdesk to be included in the StackExchange team. Once that's done, I can add you to the Stacks repo as a contributor)

netlify[bot] commented 2 months ago

Deploy Preview for stacks ready!

Name Link
Latest commit 5fe23be76a9b970bdbfb34a6210203d8c438bdfd
Latest deploy log https://app.netlify.com/sites/stacks/deploys/662f79634828a100082cf657
Deploy Preview https://deploy-preview-1717--stacks.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.