Tweak the component facelifts#3441
Conversation
🦋 Changeset detectedLatest commit: e70e50b The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
| @@ -1,5 +1,5 @@ | |||
| .label { | |||
| --checkbox-size: var(--cui-icon-sizes-mega); | |||
| --checkbox-size: 1.25rem; | |||
There was a problem hiding this comment.
Using rem here since the checkbox should scale with the font size.
There was a problem hiding this comment.
Should we do this to icons too ? Icons are usually aligned with text and I think they should scale too.
There was a problem hiding this comment.
Good point! That would mean changing the --cui-icon-sizes-* tokens from px to rem. Do you think we should treat this as a breaking change?
There was a problem hiding this comment.
If the tokens are used correctly, I don't think so 🤔
|
Size Change: +58 B (+0.01%) Total Size: 759 kB
ℹ️ View Unchanged
|
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## next #3441 +/- ##
=======================================
Coverage 93.74% 93.74%
=======================================
Files 197 197
Lines 4394 4394
Branches 1713 1713
=======================================
Hits 4119 4119
Misses 248 248
Partials 27 27
🚀 New features to boost your workflow:
|
9f829c9 to
14a5149
Compare
| @@ -1,5 +1,5 @@ | |||
| .label { | |||
| --checkbox-size: var(--cui-icon-sizes-mega); | |||
| --checkbox-size: 1.25rem; | |||
There was a problem hiding this comment.
Should we do this to icons too ? Icons are usually aligned with text and I think they should scale too.
14a5149 to
e70e50b
Compare
Follow up to #3424.
Approach and changes
--cui-border-radius-bitto 4px and increase--cui-border-radius-bitto 10pxDefinition of done