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

Small screen tweaks

This commit is contained in:
Tiago Noronha 2018-02-27 14:28:48 +00:00
parent 05acb959a9
commit 7e4fed3b68
3 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
plugins/woocommerce-blocks/assets/css/gutenberg-products-block-rtl.css
View File

File diff suppressed because one or more lines are too long

2
plugins/woocommerce-blocks/assets/css/gutenberg-products-block.css
View File

File diff suppressed because one or more lines are too long

27
plugins/woocommerce-blocks/assets/css/gutenberg-products-block.scss
View File

@ -290,9 +290,9 @@ p.wc-products-display-options__option-description {
.wc-products-list-card {
position: relative;
max-width: 480px;
margin-left: auto;
margin-right: auto;
padding: 0 1em;
overflow: hidden;
box-sizing: border-box;
@ -305,16 +305,11 @@ p.wc-products-display-options__option-description {
}
.wc-products-list-card__results {
width: 600px;
max-height: 200px;
overflow-y: scroll;
box-sizing: border-box;
padding: 0 0 1em;
> ul {
max-width: 480px;
}
ul {
list-style: none;
@ -605,4 +600,24 @@ p.wc-products-display-options__option-description {
.wc-products-list-card__results-wrapper {
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 700px) {
.wc-products-list-card {
max-width: 480px;
.wc-products-list-card__results {
width: 150%;
> ul {
max-width: 68%;
}
}
}
.wc-products-list-card--taxonomy-atributes {
&__atribute {
max-width: 480px;
}
}
}