-
Notifications
You must be signed in to change notification settings - Fork 128
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
fix(circuit-ui): DSYS-829 | tweak inputs size #2724
Conversation
🦋 Changeset detectedLatest commit: ba481ef 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 Git ↗︎
|
Size Change: -27 B (0%) Total Size: 640 kB
ℹ️ View Unchanged
|
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## next #2724 +/- ##
=======================================
Coverage 87.27% 87.27%
=======================================
Files 210 210
Lines 12471 12471
Branches 1507 1507
=======================================
Hits 10884 10884
Misses 1537 1537
Partials 50 50 |
476fddb
to
2c5245b
Compare
2c5245b
to
ba481ef
Compare
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.
💯
.base:active { | ||
box-shadow: 0 0 0 1px var(--cui-border-accent); | ||
border: 1px solid var(--cui-border-accent); | ||
box-shadow: inset 0 0 0 1px var(--cui-border-accent); |
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.
Fantastic idea to use an inset box shadow to avoid any overflow! 💡🤩
Addresses DSYS-829
Purpose
Following the typography revamp, changes in line-height to text inside the some input components caused them to change height from 48px to 46px, causing a 2px reduction in their height. This slight difference might cause some alignement issues when theses components are placed next to other components who kept their original size.
Approach and changes
Definition of done