Skip to content

Commit

Permalink
WooCommerce: Reviews section style enhancements
Browse files Browse the repository at this point in the history
  • Loading branch information
georgeolaru committed May 5, 2022
1 parent 7504dca commit d651b84
Show file tree
Hide file tree
Showing 8 changed files with 48 additions and 19 deletions.
2 changes: 1 addition & 1 deletion dist/css/woocommerce/style-rtl.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/css/woocommerce/style.css

Large diffs are not rendered by default.

Original file line number Diff line number Diff line change
Expand Up @@ -105,15 +105,14 @@
}

.picker__frame {
// --font-size: 16px;

.picker__box {

}

.picker__table {
margin-top: 0;

thead {
border: none;
}
Expand Down
7 changes: 3 additions & 4 deletions src/scss/components/comments/_comment-form.scss
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,6 @@
label {
@include label;
display: block;
--font-size-modifier: 0.9;
}

input[type="checkbox"] {
Expand All @@ -33,18 +32,18 @@
}

.comment-notes {
font-size: 85%;
--font-size-modifier: 0.85;
}

.comment-form-author,
.comment-form-email {
flex: 0 0 47%;
flex: 0 0 48%;
}

@include above(lap) {
.comment-form-subscriptions,
.comment-form .form-submit {
flex: 0 0 47%;
// flex: 0 0 47%;
}

.comment-form .form-submit {
Expand Down
3 changes: 2 additions & 1 deletion src/scss/components/comments/_comment-reply-title.scss
Original file line number Diff line number Diff line change
@@ -1,10 +1,11 @@
.comment-reply-title[class] {
margin-bottom: var(--theme-spacing-normal);

@include apply-font(heading-3);
}

.comment-reply-title {
small {
font: inherit;

}
}
46 changes: 38 additions & 8 deletions src/scss/woocommerce/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -46,18 +46,32 @@ $assets-folder-path: '../../../assets';
}
}

.woocommerce #review_form #respond [id="commentform"] {
@include space-children-y(var(--theme-spacing));
.woocommerce {
#review_form {
#respond {

> p {
margin-bottom: 0;
}
[id="commentform"] {
@include space-children-y(var(--theme-spacing));

> .form-submit {
margin-left: auto;
}
> p {
margin-bottom: 0;
}

> .form-submit {
margin-left: auto;

.submit {
@include button;
@include button-fill(false);
}
}
}
}
}
}



.comment-form-rating .stars > span {
display: flex;
}
Expand All @@ -67,6 +81,22 @@ $assets-folder-path: '../../../assets';
}

.woocommerce {
p.stars {

> span {
gap: 0.25em;
}

a {
width: 1.5em;
height: 1.5em;
}

a:before {
font-size: 1.5em;
}
}

.star-rating {
float: none;

Expand Down
2 changes: 1 addition & 1 deletion style-rtl.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion style.css

Large diffs are not rendered by default.

0 comments on commit d651b84

Please sign in to comment.