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

ui: round inner meter in ui/progress #13817

Merged
merged 1 commit into from
Sep 9, 2024
Merged

ui: round inner meter in ui/progress #13817

merged 1 commit into from
Sep 9, 2024

Conversation

wackerow
Copy link
Member

@wackerow wackerow commented Sep 7, 2024

Description

  • Updates base ui/progress component with rounded-full on the inner progress bar element
image

^ Maintains this appearance from previous Chakra-UI Progress

cc: @nloureiro I didn't see this component in the DS, but noticed we previously had the rounded approach on the inside bar. Came across it when updating colors on the Quizzes page, so if we don't want to change the base component here, I can just close it out and apply to that usage only.

@wackerow wackerow added the needs design approval 🧑‍🎨 Approval from a designer is needed before merging label Sep 7, 2024
Copy link

netlify bot commented Sep 7, 2024

Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit cdf3bda
🔍 Latest deploy log https://app.netlify.com/sites/ethereumorg/deploys/66db9bc9f81442000870ce33
😎 Deploy Preview https://deploy-preview-13817--ethereumorg.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
7 paths audited
Performance: 34 (🔴 down 14 from production)
Accessibility: 92 (🔴 down 1 from production)
Best Practices: 87 (🔴 down 5 from production)
SEO: 92 (🔴 down 1 from production)
PWA: -
View the detailed breakdown and full score reports

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

@wackerow wackerow added design All the issues related to design should use this tag design system this label will be used in all issues related to design system labels Sep 7, 2024
Copy link
Contributor

@nloureiro nloureiro left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like it, aproved

@nloureiro nloureiro removed the needs design approval 🧑‍🎨 Approval from a designer is needed before merging label Sep 9, 2024
@pettinarip pettinarip merged commit 2ef93eb into dev Sep 9, 2024
8 of 10 checks passed
@pettinarip pettinarip deleted the progress-patch branch September 9, 2024 12:41
This was referenced Sep 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design system this label will be used in all issues related to design system design All the issues related to design should use this tag
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants