Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Marketplace: Fix the Marketplace header being invisible after viewing other WC Admin pages. (#40562)

This commit is contained in:
And Finally 2023-10-03 17:48:06 +01:00 committed by GitHub
parent b3cd93e0bf 44f76f69f9
commit 60c41cd9a0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/woocommerce-admin/client/marketplace/components/content/content.scss
View File

@ -4,11 +4,11 @@
box-sizing: content-box; box-sizing: content-box;
margin: auto; margin: auto;
max-width: $content-max-width; max-width: $content-max-width;
padding: 0 $content-spacing-small $content-spacing-small; padding: $grid-unit-30 $grid-unit-20;
} }
@media screen and (min-width: $breakpoint-medium) { @media screen and (min-width: $breakpoint-medium) {
.woocommerce-marketplace__content { .woocommerce-marketplace__content {
padding: 0 $content-spacing-large $content-spacing-large; padding: $grid-unit-60 $grid-unit-40;
} }
} }

3
plugins/woocommerce-admin/client/marketplace/components/header/header.scss
View File

@ -7,10 +7,7 @@
display: grid; display: grid;
grid-template: 'mktpl-title mktpl-search mktpl-meta' 60px grid-template: 'mktpl-title mktpl-search mktpl-meta' 60px
'mktpl-tabs mktpl-tabs mktpl-tabs' auto / 1fr 320px 36px; 'mktpl-tabs mktpl-tabs mktpl-tabs' auto / 1fr 320px 36px;
left: 0;
padding: 0 $content-spacing-large; padding: 0 $content-spacing-large;
position: absolute;
top: -60px;
width: 100%; width: 100%;
/* On narrow screens, "stack" header items and hide the bottom border */ /* On narrow screens, "stack" header items and hide the bottom border */

2
plugins/woocommerce-admin/client/marketplace/components/search/search.scss
View File

@ -20,7 +20,7 @@
} }
@media (width <= $breakpoint-medium) { @media (width <= $breakpoint-medium) {
margin: $content-spacing-small; margin: $grid-unit-20 $grid-unit-20 $grid-unit-10 $grid-unit-20;
} }
} }

10
plugins/woocommerce-admin/client/marketplace/marketplace.scss
View File

@ -3,17 +3,17 @@
.woocommerce-admin-page__extensions { .woocommerce-admin-page__extensions {
background: #fff; background: #fff;
#wpbody {
margin: 0;
}
#wpbody-content { #wpbody-content {
/* Prevent double-scrollbar issue on WooCommerce > Extension pages */ /* Prevent double-scrollbar issue on WooCommerce > Extension pages */
overflow: hidden; overflow: hidden;
} }
.woocommerce-layout__primary { .woocommerce-layout__primary {
margin: $header-height-mobile 0 0; margin: 0;
@media (min-width: $breakpoint-medium) {
margin-top: $header-height-desktop;
}
} }
.woocommerce-layout__main { .woocommerce-layout__main {

4
plugins/woocommerce-admin/client/marketplace/stylesheets/_variables.scss
View File

@ -22,10 +22,6 @@ $breakpoint-large: 1024px;
$breakpoint-xlarge: 1500px; $breakpoint-xlarge: 1500px;
$breakpoint-huge: 1920px; $breakpoint-huge: 1920px;
// Header
$header-height-desktop: 96px;
$header-height-mobile: 129px;
// Colours // Colours
$gutenberg-gray-100: $gray-0; // replaced with closest colour from _colors.native.scss $gutenberg-gray-100: $gray-0; // replaced with closest colour from _colors.native.scss
$gutenberg-gray-300: $gray-300; // anything above gray-100 is from the default _colors.scss $gutenberg-gray-300: $gray-300; // anything above gray-100 is from the default _colors.scss

4
plugins/woocommerce/changelog/fix-wccom-18329-unvisible-header Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Comment: Fix the Marketplace header being invisible after viewing other WC Admin pages.