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.

Sign up for GitHub

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

Jump to bottom

Progress bar component with label inside doesn't support small % values. #1016

Open
Sqrcz opened this issue Jan 9, 2025 · 0 comments
Open

Progress bar component with label inside doesn't support small % values. #1016

Sqrcz opened this issue Jan 9, 2025 · 0 comments

Comments

@Sqrcz
Copy link

Sqrcz commented Jan 9, 2025

Describe the bug
Value for the small % is almost invisible in light theme:
image
It (sort of) works for dark theme though:
image

As mentioned in #439 radius is also wrong for small values. (simple overflow-hidden should fix it though)

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://play.tailwindcss.com/SgTBzNGCEt

Expected behavior

  1. Values should be visible all the way starting from 0% and going up to 100%
  2. Radius should be consistent despite the value (solution also provided in the link above)

Screenshots
provided above

Desktop (please complete the following information):

  • OS: Windows (possibly all)
  • Browser: Chrome (possibly all)
  • Version: Chrome 131

Smartphone (please complete the following information):

  • Device: Google Pixel 6 (possibly all)
  • OS: Android
  • Browser: Chrome (possibly all)
  • Version: Chrome 131
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Sqrcz