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

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
parent 128315dfd7 c00f32506c
commit c10a6136ea
3 changed files with 23 additions and 26 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

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

@ -89,7 +89,6 @@ $color__alt-background: #fdfdfd;
background-color: #f8f9f9; background-color: #f8f9f9;
font-family: $font__sans-serif; font-family: $font__sans-serif;
font-size: 13px; font-size: 13px;
min-height: 200px;
position: relative; 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 * Menu
*/ */
@ -212,7 +219,7 @@ p.wc-products-display-options__option-description {
margin: 0; margin: 0;
z-index: 999; z-index: 999;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
margin-top: -36px; margin-top: -2.15em;
.wc-products-display-options__option { .wc-products-display-options__option {
margin: 0; margin: 0;
@ -277,10 +284,9 @@ p.wc-products-display-options__option-description {
*/ */
.wc-products-settings-heading { .wc-products-settings-heading {
display: flex; margin: 0 0 2em 0;
justify-content: space-between;
margin: 0 0 35px 0;
padding: 1em 2em; padding: 1em 2em;
text-align: center;
border-bottom: 1px solid $color__border; border-bottom: 1px solid $color__border;
} }
@ -306,7 +312,7 @@ p.wc-products-display-options__option-description {
.wc-products-list-card__results { .wc-products-list-card__results {
max-height: 200px; max-height: 200px;
overflow-y: scroll; overflow-y: auto;
box-sizing: border-box; box-sizing: border-box;
padding: 0 0 1em; 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 {
.wc-products-list-card__taxonomy-count { .wc-products-list-card__taxonomy-count {
padding: 0 1em; text-align: center;
width: 30px;
font-size: .8em;
border: 1px solid #e9e9e9; border: 1px solid #e9e9e9;
border-radius: 1em; border-radius: 1em;
color: #aaa; color: #aaa;
font-size: .8em;
} }
input[type="checkbox"] { input[type="checkbox"] {
@ -490,7 +497,6 @@ p.wc-products-display-options__option-description {
} }
&__atribute { &__atribute {
max-width: 480px;
margin: -1px 0 0; margin: -1px 0 0;
border-width: 1px 1px 0; border-width: 1px 1px 0;
border-style: solid; border-style: solid;
@ -576,7 +582,7 @@ p.wc-products-display-options__option-description {
> div { > div {
max-height: 200px; max-height: 200px;
overflow: auto; overflow-y: auto;
} }
.wc-products-list-card__content { .wc-products-list-card__content {
@ -610,21 +616,12 @@ p.wc-products-display-options__option-description {
} }
@media only screen and (min-width: 700px) { @media only screen and (min-width: 700px) {
.wc-products-settings-heading {
display: flex;
justify-content: space-between;
}
.wc-products-list-card { .wc-products-list-card {
max-width: 480px; 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%;
}
} }
} }