-
Notifications
You must be signed in to change notification settings - Fork 31
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
Increased spacing between River
components on mobile viewports
#791
base: main
Are you sure you want to change the base?
Conversation
🦋 Changeset detectedLatest commit: 461d00b The changes in this PR will be included in the next version bump. This PR includes changesets to release 6 packages
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 |
🔍 Design token changes foundView CSS variable changes- --brand-River-spacing-outer: var(--base-size-28);
+ --brand-River-spacing-outer: var(--base-size-36); |
bcde572
to
461d00b
Compare
🟢 No visual differences foundOur visual comparison tests did not find any differences in the UI. |
@@ -13,7 +13,7 @@ | |||
} | |||
}, | |||
"outer": { | |||
"value": "var(--base-size-28)", | |||
"value": "var(--base-size-36)", | |||
"responsive": { | |||
"768px": { | |||
"value": "var(--base-size-36)" |
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.
You can remove the 768px breakpoint now given it's the same
'@primer/react-brand': patch | ||
--- | ||
|
||
Increased spacing between `River` components on mobile viewports. |
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.
Increased spacing between `River` components on mobile viewports. | |
Increased spacing between `River` components on narrow viewports from `28px` to `36px` |
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.
🙌 Looks great
List of notable changes:
River
outer padding fromvar(--base-size-28)
tovar(--base-size-36)
on mobile viewportsWhat should reviewers focus on?
Steps to test:
Supporting resources (related issues, external links, etc):
Contributor checklist:
Reviewer checklist:
Screenshots: