Conversation
packages/web/src/buttons/Button.tsx
Outdated
| paddingInline: | ||
| typeof paddingX === 'number' ? theme.space[paddingX] - borderWidthValue : undefined, | ||
| }; | ||
| }, [borderWidth, theme.borderWidth, theme.space, paddingX, paddingY, style]); |
There was a problem hiding this comment.
Same thing as above, I could also see someone randomly wanting to set different padding for left and right sides, depending on if they have icons.
There was a problem hiding this comment.
@hcopp these padding values come from the props so they are already ready to be customized. They will just get offset slightly to account for the border, unless you think we should only do that if they DONT provide padding props?
31d958f to
6c24b40
Compare
6e13e2b to
fbb72e9
Compare
| import { animationConfig, DefaultSlideButtonHandle } from './DefaultSlideButtonHandle'; | ||
|
|
||
| export const slideButtonTestID = 'slide-button'; | ||
| // |
There was a problem hiding this comment.
nit: could we just add a small description here? Maybe
We are still using a harcoded height for SlideButton due to the background height being arbitrary.
There was a problem hiding this comment.
will do before i merge!
maximo-macchi-cb
left a comment
There was a problem hiding this comment.
Thanks for the huge effort on this. Great improvement to see coming soon! My comments apply for both web and mobile.
🟡 Heimdall Review Status
🟡
|
| Code Owner | Status | Calculation | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ui-systems-eng-team |
🟡
0/1
|
Denominator calculation
|
1 similar comment
🟡 Heimdall Review Status
🟡
|
| Code Owner | Status | Calculation | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ui-systems-eng-team |
🟡
0/1
|
Denominator calculation
|
58e6ea9 to
731bb1d
Compare
…nents to use content-based sizing instead of predetermined height
731bb1d to
afc8825
Compare
What changed? Why?
Removes constant: interactableHeight and updates all usage sites. Components using this constant have now been refactored so that their content dictates their final height.
Removes other instances of hard-coded dimensions (e.g. min-height, border-width) and replaces them with theme vars or eliminates them entirely if the design spec was achievable with content-driven layout/spacing.
In some cases where a value could not be removed (DotCount height), care was taken to ensure the value is at least overridable via props.
Linear:
Root cause (required for bugfixes)
UI changes
Testing
How has it been tested?
Testing instructions
Illustrations/Icons Checklist
Required if this PR changes files under
packages/illustrations/**orpackages/icons/**Change management
type=routine
risk=low
impact=sev5
automerge=false