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

Remove hidden sidebar hack, fixed width counts, and simple blocks styling

This commit is contained in:
Tiago Noronha 2018-03-01 19:24:12 +00:00
parent 128315dfd7
commit eae0dbcd1c
3 changed files with 22 additions and 24 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

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

@ -89,7 +89,6 @@ $color__alt-background: #fdfdfd;
background-color: #f8f9f9;
font-family: $font__sans-serif;
font-size: 13px;
min-height: 200px;
position: relative;
}
@ -119,6 +118,14 @@ $color__alt-background: #fdfdfd;
}
}
.wc-products-settings-heading +
.wc-products-settings__footer,
.wc-products-display-options--popover +
.wc-products-settings__footer {
margin-top: -2em;
border-top: none;
}
/**
* Menu
*/
@ -277,10 +284,9 @@ p.wc-products-display-options__option-description {
*/
.wc-products-settings-heading {
display: flex;
justify-content: space-between;
margin: 0 0 35px 0;
margin: 0 0 2em 0;
padding: 1em 2em;
text-align: center;
border-bottom: 1px solid $color__border;
}
@ -306,7 +312,7 @@ p.wc-products-display-options__option-description {
.wc-products-list-card__results {
max-height: 200px;
overflow-y: scroll;
overflow-y: auto;
box-sizing: border-box;
padding: 0 0 1em;
@ -351,11 +357,12 @@ p.wc-products-display-options__option-description {
.wc-products-list-card--taxonomy {
.wc-products-list-card__taxonomy-count {
padding: 0 1em;
text-align: center;
width: 30px;
font-size: .8em;
border: 1px solid #e9e9e9;
border-radius: 1em;
color: #aaa;
font-size: .8em;
}
input[type="checkbox"] {
@ -576,7 +583,7 @@ p.wc-products-display-options__option-description {
> div {
max-height: 200px;
overflow: auto;
overflow-y: auto;
}
.wc-products-list-card__content {
@ -610,21 +617,12 @@ p.wc-products-display-options__option-description {
}
@media only screen and (min-width: 700px) {
.wc-products-settings-heading {
display: flex;
justify-content: space-between;
}
.wc-products-list-card {
max-width: 480px;
.wc-products-list-card__results {
width: 150%;
> ul {
max-width: 68.3%;
}
}
}
.wc-products-list-card--taxonomy-atributes {
&__atribute {
max-width: 68.3%;
}
}
}