From ebe82fa034fde1bc69d783a9e0cf872227c0798c Mon Sep 17 00:00:00 2001 From: laurelfulford Date: Fri, 28 Dec 2018 20:14:26 +0000 Subject: [PATCH] Twenty Nineteen: Fix hover appearance for outlined button block style. The outlined button block style was displaying white text on a white background on hover. This update makes sure the text remains legible on hover when this button style is applied. Props rickalee, kjellr. Fixes #45726. git-svn-id: https://develop.svn.wordpress.org/trunk@44370 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss | 3 +++ src/wp-content/themes/twentynineteen/style-rtl.css | 4 ++++ src/wp-content/themes/twentynineteen/style.css | 4 ++++ 3 files changed, 11 insertions(+) diff --git a/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss b/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss index 395375a17b..72822b1263 100644 --- a/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss +++ b/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss @@ -215,6 +215,9 @@ &.is-style-outline .wp-block-button__link:hover { color: white; border-color: $color__background-button-hover; + &:not(.has-background) { + color: $color__background-button-hover; + } } } diff --git a/src/wp-content/themes/twentynineteen/style-rtl.css b/src/wp-content/themes/twentynineteen/style-rtl.css index 9cf3d84360..c5ca35cdd5 100644 --- a/src/wp-content/themes/twentynineteen/style-rtl.css +++ b/src/wp-content/themes/twentynineteen/style-rtl.css @@ -3664,6 +3664,10 @@ body.page .main-navigation { border-color: #111; } +.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) { + color: #111; +} + .entry .entry-content .wp-block-archives, .entry .entry-content .wp-block-categories, .entry .entry-content .wp-block-latest-posts { diff --git a/src/wp-content/themes/twentynineteen/style.css b/src/wp-content/themes/twentynineteen/style.css index ae1dc49e98..6d593e38f1 100644 --- a/src/wp-content/themes/twentynineteen/style.css +++ b/src/wp-content/themes/twentynineteen/style.css @@ -3676,6 +3676,10 @@ body.page .main-navigation { border-color: #111; } +.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) { + color: #111; +} + .entry .entry-content .wp-block-archives, .entry .entry-content .wp-block-categories, .entry .entry-content .wp-block-latest-posts {