From a5ca5e10bc9de9d876222a200cde0fd394ef3c4d Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Mon, 29 Apr 2019 17:37:11 +0200 Subject: [PATCH 1/5] Minor comment form styling adjustments --- sass/site/primary/_comments.scss | 26 +++++++++++++++++++++----- style.css | 19 ++++++++++++++----- 2 files changed, 35 insertions(+), 10 deletions(-) diff --git a/sass/site/primary/_comments.scss b/sass/site/primary/_comments.scss index e217d913..9fcd95a4 100644 --- a/sass/site/primary/_comments.scss +++ b/sass/site/primary/_comments.scss @@ -134,12 +134,13 @@ align-items: center; clear: both; display: flex; - + margin: 0 0 8px; + input { line-height: 1; margin-right: 5px; } - + label { display: inline-block; font-weight: normal; @@ -147,9 +148,25 @@ } } + // Jetpack Subscriptions. + .comment-subscription-form { + display: block; + clear: both; + margin: 0 0 8px; + overflow: auto; + + input { + margin-right: 0; + } + + label { + font-weight: normal; + } + } + .form-submit { - margin-top: 10px; - text-align: right; + clear: both; + margin: 15px 0 0; input { background: transparent; @@ -157,7 +174,6 @@ border-radius: 0; box-shadow: inset 0 0 1px rgba(0,0,0,0.25); color: $color__text_dark; - float: right; font-family: $font__headings; font-size: 0.85em; line-height: 1em; diff --git a/style.css b/style.css index dd6c6a13..5cb9ee17 100644 --- a/style.css +++ b/style.css @@ -419,7 +419,7 @@ input[type="password"], input[type="search"], input[type="tel"], textarea { - background: #fff; + background: #ffffff; border: 1px solid #ccc; border-radius: 0; box-sizing: border-box; @@ -2062,7 +2062,8 @@ article.page { #commentform .comment-form-cookies-consent { align-items: center; clear: both; - display: flex; } + display: flex; + margin: 0 0 8px; } #commentform .comment-form-cookies-consent input { line-height: 1; margin-right: 5px; } @@ -2070,16 +2071,24 @@ article.page { display: inline-block; font-weight: normal; margin-bottom: 0; } + #commentform .comment-subscription-form { + display: block; + clear: both; + margin: 0 0 8px; + overflow: auto; } + #commentform .comment-subscription-form input { + margin-right: 0; } + #commentform .comment-subscription-form label { + font-weight: normal; } #commentform .form-submit { - margin-top: 10px; - text-align: right; } + clear: both; + margin: 15px 0 0; } #commentform .form-submit input { background: transparent; border: 1px solid #303030; border-radius: 0; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25); color: #292929; - float: right; font-family: "Montserrat", sans-serif; font-size: 0.85em; line-height: 1em; From d4c36581c9cc40d89d90684bb0f2cf0a703f320d Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Tue, 30 Apr 2019 12:39:42 +0200 Subject: [PATCH 2/5] Changed comment input bg color to match setting --- inc/settings.php | 3 +++ sass/site/primary/_comments.scss | 3 +-- style.css | 3 +-- 3 files changed, 5 insertions(+), 4 deletions(-) diff --git a/inc/settings.php b/inc/settings.php index 576dc5a4..be8305a6 100644 --- a/inc/settings.php +++ b/inc/settings.php @@ -871,6 +871,9 @@ function siteorigin_north_settings_custom_css( $css ) { #commentform .form-submit input:hover { background: ${branding_accent_dark}; border-color: ${branding_accent_dark}; + } + #commentform input,#commentform textarea { + background-color: ${fonts_field_background}; }'; return $css; } diff --git a/sass/site/primary/_comments.scss b/sass/site/primary/_comments.scss index 9fcd95a4..17526301 100644 --- a/sass/site/primary/_comments.scss +++ b/sass/site/primary/_comments.scss @@ -194,10 +194,9 @@ input, textarea { - background-color: $comments__form_background_color; + background-color: $color__input-background; &:focus { - background-color: $comments__form_focus_background_color; outline: none; } } diff --git a/style.css b/style.css index 5cb9ee17..8d2dcdbe 100644 --- a/style.css +++ b/style.css @@ -2106,10 +2106,9 @@ article.page { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } #commentform input, #commentform textarea { - background-color: #fff; } + background-color: #ffffff; } #commentform input:focus, #commentform textarea:focus { - background-color: #fcfcfc; outline: none; } /*-------------------------------------------------------------- From e755be263b0b8e1ebf5ae6e1a36e519824e6bc54 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Tue, 30 Apr 2019 15:01:02 +0200 Subject: [PATCH 3/5] Removed comment field background variables --- sass/variables-site/_variables-site.scss | 2 -- 1 file changed, 2 deletions(-) diff --git a/sass/variables-site/_variables-site.scss b/sass/variables-site/_variables-site.scss index 624ba237..ece224e0 100644 --- a/sass/variables-site/_variables-site.scss +++ b/sass/variables-site/_variables-site.scss @@ -70,8 +70,6 @@ $footer__link_hover_color: #a94346; $comments__reply_link_color: $color__text_meta; $comments__reply_background_color: $color__text_dark; $comments__submit_hover_color: #fff; -$comments__form_background_color: #fff; -$comments__form_focus_background_color: #fcfcfc; // WooCommerce $woocommerce__border_color: #d3d3d3; From 3874f1d4ae5aa63fe9429ed50cb26877cc07e406 Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Mon, 6 May 2019 17:17:57 +0200 Subject: [PATCH 4/5] WC: Removed widget cart title from mini-cart --- header.php | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/header.php b/header.php index 1e4bcef8..d2b2d46c 100644 --- a/header.php +++ b/header.php @@ -125,7 +125,13 @@ cart->cart_contents_count;?>
    - + '', + ); + + the_widget( 'WC_Widget_Cart', $instance ); + ?>
From a0237bd616ad1671b2b7cfe835ea49c1a8c2230d Mon Sep 17 00:00:00 2001 From: Andrew Misplon Date: Mon, 6 May 2019 17:19:40 +0200 Subject: [PATCH 5/5] Updated changelog --- readme.txt | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/readme.txt b/readme.txt index ae7ab256..9c923d39 100644 --- a/readme.txt +++ b/readme.txt @@ -96,6 +96,10 @@ Original design files are available on [Google Drive](https://drive.google.com/f == Changelog == += 1.7.1 - 06 May 2019 = +* Removed WooCommerce mini-cart "Cart" title. +* Minor comment form style improvements. + = 1.7 - 24 April 2019 = * Improved search form accessibility. * Added a setting for the input background color located at `Customize > Theme Settings > Customize > Fonts > Form Field Background Color`.