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

hide inline products list suggestion on mobile (can't get the styling right)

This commit is contained in:
haszari 2019-02-20 10:29:41 +13:00
parent 21b0be7ef6
commit 42e026140a
3 changed files with 14 additions and 2 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

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

@ -90,6 +90,9 @@ a.suggestion-dismiss::before {
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-inline"] {
// hide by default (mobile first)
display: none;
td:first-child {
border-left: 4px solid $woocommerce;
}
@ -112,6 +115,15 @@ a.suggestion-dismiss::before {
}
}
}
@media screen and (min-width: 800px) {
// Display inline table suggestion on desktop only.
// The table columns are dynamic, so there's no good way to style the row
// content correctly when columns are hidden.
display: table-row;
}
}
.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"],