Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐛 [BUG] - Border in Label gets distorted when zoomed #902

Open
simurai opened this issue Jan 23, 2025 · 1 comment
Open

🐛 [BUG] - Border in Label gets distorted when zoomed #902

simurai opened this issue Jan 23, 2025 · 1 comment
Assignees
Labels
brand bug Something isn't working

Comments

@simurai
Copy link
Contributor

simurai commented Jan 23, 2025

Describe the bug

When zooming, the "border" of the Label component can show different thickness.

An option might be to replace the mask with a regular border, so that is snaps to whole pixels on all sides, but then I guess we'd loose the support for "gradient borders"? 🤔 🤷 This feels like a low priority issue and more a nice to have.

Reproduction steps

  1. Go to https://github.com/features/issues
  2. Zoom in once (110%)
  3. Notice how the bottom "border" is thicker than the rest

Expected behavior

Border thickness should be the same on all sides.

Screenshots

Label showing the bottom border is thicker

Browsers

Chrome

OS

Mac

@simurai simurai added the bug Something isn't working label Jan 23, 2025
@danielguillan
Copy link
Contributor

Thanks for reporting this bug, @simurai! I will address it in this PR, where we are adding new gradient options to the Label.

@danielguillan danielguillan self-assigned this Jan 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
brand bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants