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

tweak layout of product edit suggestions to match designs

This commit is contained in:
haszari 2019-02-25 11:12:05 +13:00
parent e5940a845c
commit e68ee17121
3 changed files with 41 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/marketplace-suggestions-rtl.css
View File

File diff suppressed because one or more lines are too long

2
assets/css/marketplace-suggestions.css
View File

File diff suppressed because one or more lines are too long

60
assets/css/marketplace-suggestions.scss
View File

@ -41,7 +41,6 @@ a.suggestion-dismiss::before {
img.marketplace-suggestion-icon { img.marketplace-suggestion-icon {
height: 40px; height: 40px;
margin-right: 1.5em; margin-right: 1.5em;
margin-bottom: 1em;
flex: 0 0 40px; flex: 0 0 40px;
} }
@ -164,6 +163,41 @@ a.suggestion-dismiss::before {
} }
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-header"],
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"],
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-body"] {
.marketplace-suggestion-container {
padding: 1em 1.5em;
.marketplace-suggestion-container-content {
p {
margin: 0;
padding: 0;
}
}
.marketplace-suggestion-container-cta {
.suggestion-dismiss {
margin-left: 1em;
}
}
}
}
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"],
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"] {
.marketplace-suggestion-container {
padding: 1.5em;
padding-bottom: 0;
}
}
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"], .marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"],
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"], .marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"], .marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"],
@ -182,12 +216,10 @@ a.suggestion-dismiss::before {
} }
.marketplace-suggestion-container { .marketplace-suggestion-container {
padding: 1.5em; border-bottom: none;
border-bottom: 1px solid $suggestions-pale-gray;
&:last-child { &:last-child {
border-bottom: none; border-bottom: none;
padding-bottom: 1.5em;
} }
.marketplace-suggestion-container-cta { .marketplace-suggestion-container-cta {
@ -210,9 +242,9 @@ a.suggestion-dismiss::before {
} }
.suggestion-dismiss { .suggestion-dismiss {
position: absolute; position: relative;
top: 1em; top: 5px;
right: 1em; right: auto;
} }
} }
} }
@ -223,19 +255,5 @@ a.suggestion-dismiss::before {
// There's limited room on mobile, and there are edge-case // There's limited room on mobile, and there are edge-case
// styling issues in some browsers. // styling issues in some browsers.
display: block; display: block;
.marketplace-suggestion-container {
border-bottom: none;
padding-bottom: 0;
.marketplace-suggestion-container-cta {
.suggestion-dismiss {
position: relative;
top: 7px;
right: auto;
}
}
}
} }
} }