Skip to content

added padding/margin inline, inline-start and inline-end support to Box Component#17085

Merged
NidhiKJha merged 2 commits intodevelopfrom
fix-16077
Jan 6, 2023
Merged

added padding/margin inline, inline-start and inline-end support to Box Component#17085
NidhiKJha merged 2 commits intodevelopfrom
fix-16077

Conversation

@NidhiKJha
Copy link
Copy Markdown
Member

This PR is to add padding/margin inline-start and inline-end support to the Box component

Fixes #16077

Screenshot 2023-01-05 at 6 48 28 PM

@NidhiKJha NidhiKJha added area-UI Relating to the user interface. team-design-system All issues relating to design system in Extension labels Jan 5, 2023
@NidhiKJha NidhiKJha requested a review from a team as a code owner January 5, 2023 13:19
@metamaskbot
Copy link
Copy Markdown
Collaborator

Builds ready [cadf4cf]
Page Load Metrics (1308 ± 103 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint88153108168
domContentLoaded11141770129420799
load111417701308214103
domInteractive11141770129420799
Bundle size diffs
  • background: 0 bytes
  • ui: 397 bytes
  • common: 0 bytes

highlights:

storybook

Copy link
Copy Markdown
Contributor

@ryanml ryanml left a comment

Choose a reason for hiding this comment

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

lgtm!

@NidhiKJha NidhiKJha merged commit be22770 into develop Jan 6, 2023
@NidhiKJha NidhiKJha deleted the fix-16077 branch January 6, 2023 06:40
@github-actions github-actions bot locked and limited conversation to collaborators Jan 6, 2023
@georgewrmarshall
Copy link
Copy Markdown
Contributor

georgewrmarshall commented Jan 9, 2023

I don't think this should have been approved. The CSS part of this feature is missing and the props do not add the correct styles to the Box component. It also missing testing which I think would have exposed this. Going to re-open the ticket if that's ok @NidhiKJha. I apologize the ticket details were quite sparse so have tried to add more detail which might have avoided this being merged as well. As an aside we should be very critical of any updates made to the Box component it is both a strength and a weakness that all of our components are built upon it. We should be reviewing updates accordingly. I'll make sure our tickets are triaged better and if anything is not clear in the PR or if you are unsure of what updates are included in the PR please comment

#16077

margin-inline.mov

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

area-UI Relating to the user interface. team-design-system All issues relating to design system in Extension

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add more paddin/margin support to Box component

6 participants