Commit Graph

9 Commits

Author SHA1 Message Date
And Finally ab34974470 Added top margin to `.woocommerce-store-alerts` to address https://github.com/Automattic/woocommerce.com/issues/18448. 2023-10-25 12:46:54 +01:00
raicem 228084cb7c Marketplace: Change the way we space out heading and content area
Previous method caused issues when you go from WooCommerce > Home to
WooCommerce > Marketplace. The header was going missing on the
Marketplace page.
2023-10-03 17:11:21 +01:00
Dan Q 9b62faed1a Merge branch 'trunk' into fix/wccom-18029-suppress-double-scrollbar 2023-09-19 20:02:53 +01:00
Dan Q 702b768570 Suppress second scrollbar on WooCommerce > Extensions pages
This is necessary because the layout of WooCommerce > Extensions pages adjusts the page height (to compensate for the larger header). On systems with scrollbars set to always-visible, this results in a ~1px overflow of the inner content and double-scrollbars are visible. This CSS mitigates that.
2023-09-05 14:33:27 +01:00
Dan Q b430015d08 Reposition alert boxes
WooCommerce store alerts shown on the Marketplace page are mis-aligned on account of the CSS that applies to the Marketplace. This change re-positions them and, as a bonus, aligns their left and right edges with the rest of the page content, improving the design.
2023-09-05 13:15:51 +01:00
Dan Q e76fe48a89 Move top padding of Marketplace Extensions content to instead be top margin of Marketplace Extensions page
This mitigates the issue whereby notifications push page content down a LONG way, and is a more-correct way to lay out the content.
2023-09-05 13:14:48 +01:00
And Finally b48e52652d Tidying history for https://github.com/woocommerce/woocommerce/pull/39145. Copied changes from `add/wccom-17419-marketplace-top-admin-bar`.
Deleting unused import.

Addressing CSS linter errors.
2023-08-07 12:34:05 +01:00
Kyle Nel bd72b2cd08 Add skeleton and cherry-picked commits
- Reset layout to allow full width
- Added Footer & IconWithText components

Add temporary placeholder components

All components here are temporary and can be removed/replaced when their relevant PR is ready.

Add marketplace footer component

The component is added using a SlotFill to use the existing WC Admin footer and utilise full width correctly.

Setup initial content area layout

Update tab styles

Setup styling to match latest design

Finalise footer, wide layout, and tidy styles

- Applies the wide layout from latest MVP design
- Applies the correct footer links to titles
- Some general style tidying

Organise styles and setup variables

Swap to using CSS Grid for layouts

Update breakpoints

Restructure style naming and update to core styles

Add translation in some places

In-app marketplace search component. Cleaned up the commit history of this branch. Copied changes from these commits:

e9828422706176817e511778980005222aa36cc5
9ca2ae351c97fcd27ecd77a1464c2a9ca16de040
e47815705f3854bf50ff48d7975b7cf2f541614b
976811c458e67ae7fa107c8bf8554fdc3e809d85
46eafdf49fe39c12dee77d6ce0885bdeda527dea

Deleted unused import.
2023-08-07 12:34:05 +01:00
And Finally b3723f7a7d First commit. This contains the changes from `update/react-marketplace`, reviewed in https://github.com/woocommerce/woocommerce/pull/38885. 2023-08-07 12:34:05 +01:00