Merge pull request woocommerce/woocommerce-blocks#54 from woocommerce/fix/styles-review

Remove hidden sidebar hack, fixed width counts, simple blocks styling
This commit is contained in:
Claudiu Lodromanean 2018-03-02 08:14:58 -08:00 committed by GitHub
commit c10a6136ea
3 changed files with 23 additions and 26 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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
*/
@ -212,7 +219,7 @@ p.wc-products-display-options__option-description {
margin: 0;
z-index: 999;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
margin-top: -36px;
margin-top: -2.15em;
.wc-products-display-options__option {
margin: 0;
@ -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"] {
@ -490,7 +497,6 @@ p.wc-products-display-options__option-description {
}
&__atribute {
max-width: 480px;
margin: -1px 0 0;
border-width: 1px 1px 0;
border-style: solid;
@ -576,7 +582,7 @@ p.wc-products-display-options__option-description {
> div {
max-height: 200px;
overflow: auto;
overflow-y: auto;
}
.wc-products-list-card__content {
@ -610,21 +616,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%;
}
}
}