-
Notifications
You must be signed in to change notification settings - Fork 0
Unlimited component updates #104
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
base: main
Are you sure you want to change the base?
Conversation
src/components/CompletionStatus.tsx
Outdated
gap: 1rem; | ||
button { | ||
min-width: 100px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we keep it as rem
and not px
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
After some more thought. I decided to remove the min-width and let the button width hug the text size. it's more consistent with the new Figma designs.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I also made a slight change to the const buttonText
logic because I missed an edge case earlier where the number of completed is 0 and the handle retry is passed in.
src/components/CompletionStatus.tsx
Outdated
transition: background-color 0.2s ease; | ||
&:hover { | ||
background-color: #f5f5f5 !important; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We count with colors.palette.neutralBright = #f5f5f5
Same for:
pale = #D5D5D5
white = #ffffff
black = #000000
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good call. 👍 Updated the colors.
https://openstax.atlassian.net/browse/CORE-906