Skip to content

Conversation

@sophschneider
Copy link
Contributor

@sophschneider sophschneider commented Aug 16, 2023

WHY are these changes introduced?

Fixes #9943

WHAT is this pull request doing?

Consolidate se23 logic and styles for Layout Component

How to 🎩

Compare production and this PR's chromatic storybook to make sure styles are the same

Production
This PR

@sophschneider sophschneider force-pushed the sophie/clean-up-layout branch 5 times, most recently from 950b265 to af0cfd4 Compare August 17, 2023 18:02
@sophschneider sophschneider force-pushed the sophie/clean-up-layout branch from af0cfd4 to abe3c40 Compare August 17, 2023 18:33

#{$se23} & {
padding: var(--p-space-4) var(--p-space-4) var(--p-space-4) 0;
}
Copy link
Contributor Author

@sophschneider sophschneider Aug 17, 2023

Choose a reason for hiding this comment

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

Consolidated these since all the media queries were confusing. The results should be identical

xs, sm

Before After
Screenshot 2023-08-17 at 2 34 03 PM Screenshot 2023-08-17 at 2 34 09 PM

md up

Before After
Screenshot 2023-08-17 at 2 34 31 PM Screenshot 2023-08-17 at 2 34 37 PM

@sophschneider sophschneider marked this pull request as ready for review August 17, 2023 18:41
Copy link
Contributor

@laurkim laurkim left a comment

Choose a reason for hiding this comment

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

💯

@sophschneider sophschneider merged commit 2bc5c45 into next Aug 18, 2023
@sophschneider sophschneider deleted the sophie/clean-up-layout branch August 18, 2023 16:26
sophschneider added a commit that referenced this pull request Sep 19, 2023
### WHY are these changes introduced?

Fixes #9943

### WHAT is this pull request doing?

 Consolidate se23 logic and styles for `Layout` Component

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-layout--all&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-afpqefhquh.chromatic.com/?path=/story/all-components-layout--annotated)
AnnaCheba pushed a commit to AnnaCheba/polaris that referenced this pull request Apr 22, 2024
### WHY are these changes introduced?

Fixes Shopify#9943

### WHAT is this pull request doing?

 Consolidate se23 logic and styles for `Layout` Component

### How to 🎩
Compare production and this PR's chromatic storybook to make sure styles
are the same


[Production](https://storybook.polaris.shopify.com/?path=/story/all-components-layout--all&globals=polarisSummerEditions2023:true)
[This
PR](https://5d559397bae39100201eedc1-afpqefhquh.chromatic.com/?path=/story/all-components-layout--annotated)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants