From 6b4522cf01b79579758278a2191723b69f52fbc2 Mon Sep 17 00:00:00 2001 From: Laurel Fulford Date: Fri, 27 Mar 2020 15:53:10 -0700 Subject: [PATCH] feat: adjust svg placement and colors of comment toggle --- newspack-theme/inc/color-patterns.php | 3 ++- newspack-theme/sass/site/primary/_comments.scss | 10 ++++++---- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/newspack-theme/inc/color-patterns.php b/newspack-theme/inc/color-patterns.php index 059482ba2..e82ab4888 100755 --- a/newspack-theme/inc/color-patterns.php +++ b/newspack-theme/inc/color-patterns.php @@ -61,7 +61,8 @@ function newspack_custom_colors_css() { .comment .comment-metadata > a:hover, .comment .comment-metadata .comment-edit-link:hover, .site-info a:hover, - .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) { + .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), + .comments-toggle:hover, .comments-toggle:focus { color: ' . esc_html( newspack_color_with_contrast( $primary_color ) ) . '; } diff --git a/newspack-theme/sass/site/primary/_comments.scss b/newspack-theme/sass/site/primary/_comments.scss index f171475a1..8f951533f 100755 --- a/newspack-theme/sass/site/primary/_comments.scss +++ b/newspack-theme/sass/site/primary/_comments.scss @@ -388,24 +388,26 @@ } .comments-toggle { + align-items: center; background: transparent; border-radius: 0; border-top: 1px solid $color__border; color: $color__text-main; + display: flex; font-size: $font__size-sm; + justify-content: center; margin-top: 0; position: relative; width: 100%; svg { - position: relative; - top: 5px; transform: rotate( 90deg ); } - &:hover { + &:hover, + &:focus { background: transparent; - color: $color__text-main; + color: $color__primary; } }