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:
commit
c10a6136ea
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -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%;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue