Skip to content

feat(returns): ORDERS-7771 tighten spacing on mobile and tablet viewports #2694

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.

Sign up for GitHub

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

Open
bc-bryan wants to merge 6 commits into
base: feature/PROJECT-7525-new-returns-flow
Choose a base branch
from
+83 −14
Open

feat(returns): ORDERS-7771 tighten spacing on mobile and tablet viewports #2694

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
702765d
feat(returns): ORDERS-7771 tighten spacing on mobile and tablet viewp…
bc-bryan Jul 1, 2026
87f3cd3
feat(returns): ORDERS-7771 update changelog
bc-bryan Jul 1, 2026
4dca697
feat(returns): ORDERS-7771 scope shared account css changes to return…
bc-bryan Jul 1, 2026
e85a534
feat(returns): ORDERS-7771 fix mobile stacking for detail items
bc-bryan Jul 1, 2026
0f0baeb
feat(returns): ORDERS-7771 remove invalid margin value
bc-bryan Jul 1, 2026
1570281
feat(returns): ORDERS-7771 move returns list specific styles to it's …
bc-bryan Jul 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

## Draft
- Add mobile and tablet responsiveness for returns list page (ORDERS-7771)
- Add return details page (ORDERS-7751)
- Add new create-return page [#2669](https://github.com/bigcommerce/cornerstone/pull/2669)
- Validate picklist option `available_to_sell` on PDP so Add to Cart is disabled and a "maximum purchasable quantity for {picklist} is {qty}" error is shown when the requested quantity exceeds a selected picklist item's stock, even when the main product still has enough stock [#2684](https://github.com/bigcommerce/cornerstone/pull/2684)
Expand Down
17 changes: 15 additions & 2 deletions assets/scss/components/stencil/account/_account.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,9 +57,13 @@ $account-backorder-textColor: #757575;
align-items: center;
display: flex;
flex-wrap: wrap;
gap: spacing("single");
gap: spacing("half");
justify-content: space-between;
margin-bottom: spacing("single");

.button {
margin-left: auto;
}
}

.account-listItem-summary-main {
Expand All @@ -72,10 +76,12 @@ $account-backorder-textColor: #757575;

.account-product-title {
margin: 0;
min-width:0;
}

.account-orderStatus-label {
margin: 0;
min-width:0;
}
}

Expand Down Expand Up @@ -148,6 +154,13 @@ $account-backorder-textColor: #757575;
margin: 0 0 spacing("eighth");
text-transform: inherit;

margin: 0 0 spacing("quarter");
Comment thread
cursor[bot] marked this conversation as resolved.
Outdated
font-size: fontSize("smallest");

@include breakpoint("medium") {
font-size: fontSize("smaller");
}
Comment thread
cursor[bot] marked this conversation as resolved.
Outdated

> a {
text-decoration: none;
}
Expand Down Expand Up @@ -247,7 +260,7 @@ $account-backorder-textColor: #757575;
color: stencilColor("color-textSecondary");
font-family: fontFamily("sans");
font-size: fontSize("tiny");
margin: 0 0 spacing("quarter");
margin: 0 0 spacing("eighth");
}


Expand Down