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

add linkout icon to link-style suggestion CTAs (for empty products footer link)

This commit is contained in:
haszari 2019-02-19 13:44:35 +13:00
parent cc51dd4376
commit 2b884861b7
4 changed files with 48 additions and 33 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

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

@ -60,13 +60,6 @@ a.suggestion-dismiss::before {
} }
} }
.marketplace-suggestions-container[data-marketplace-suggestions-context="products-list-empty-header"],
.marketplace-suggestions-container[data-marketplace-suggestions-context="products-list-empty-body"],
.marketplace-suggestions-container[data-marketplace-suggestions-context="products-list-empty-footer"] {
border: none;
border-bottom: none;
}
.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"] {
@ -75,28 +68,7 @@ a.suggestion-dismiss::before {
} }
} }
.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-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"] {
text-align: left;
border: 1px solid #ccc;
border-bottom: none;
.marketplace-listitem-container {
padding: 1.5em;
}
h4 {
margin: 0;
}
&:last-child {
border-bottom: 1px solid #ccc;
}
}
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"] {
text-align: left;
.marketplace-listitem-container { .marketplace-listitem-container {
align-items: center; align-items: center;
@ -113,6 +85,30 @@ a.suggestion-dismiss::before {
.marketplace-listitem-container-cta { .marketplace-listitem-container-cta {
flex: 1 1 30%; flex: 1 1 30%;
text-align: right; text-align: right;
}
}
}
.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"] {
text-align: left;
border: 1px solid #ccc;
border-bottom: none;
h4 {
margin: 0;
}
&:last-child {
border-bottom: 1px solid #ccc;
}
.marketplace-listitem-container {
padding: 1.5em;
.marketplace-listitem-container-cta {
a.button { a.button {
display: inline-block; display: inline-block;
@ -120,6 +116,17 @@ a.suggestion-dismiss::before {
text-align: center; text-align: center;
} }
a.linkout {
font-size: 1.1em;
text-decoration: none;
}
a.linkout .dashicons {
margin-left: 4px;
bottom: 2px;
position: relative;
}
.suggestion-dismiss { .suggestion-dismiss {
text-decoration: none; text-decoration: none;
position: relative; position: relative;
@ -127,9 +134,11 @@ a.suggestion-dismiss::before {
} }
} }
.marketplace-listitem-container-content {
p { p {
margin: 0; margin: 0;
} }
}
} }
} }

6
assets/js/admin/marketplace-suggestions.js
View File

@ -44,6 +44,12 @@
if (isButton) { if (isButton) {
linkoutButton.classList.add( 'button' ); linkoutButton.classList.add( 'button' );
} }
else {
linkoutButton.classList.add( 'linkout' );
var linkoutIcon = document.createElement( 'span' );
linkoutIcon.classList.add( 'dashicons', 'dashicons-external' );
linkoutButton.appendChild( linkoutIcon );
}
return linkoutButton; return linkoutButton;
} }