sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Twenty Nineteen: Fix hover appearance for outlined button block style.

Browse Source 
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
This commit is contained in:
laurelfulford 2018-12-28 20:14:26 +00:00
parent 2fa1a2f29f
commit ebe82fa034
3 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
View File

@ -215,6 +215,9 @@
&.is-style-outline .wp-block-button__link:hover { &.is-style-outline .wp-block-button__link:hover {
color: white; color: white;
border-color: $color__background-button-hover; border-color: $color__background-button-hover;
&:not(.has-background) {
color: $color__background-button-hover;
}
} }
} }

4
src/wp-content/themes/twentynineteen/style-rtl.css
View File

@ -3664,6 +3664,10 @@ body.page .main-navigation {
border-color: #111; 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-archives,
.entry .entry-content .wp-block-categories, .entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts { .entry .entry-content .wp-block-latest-posts {

4
src/wp-content/themes/twentynineteen/style.css
View File

@ -3676,6 +3676,10 @@ body.page .main-navigation {
border-color: #111; 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-archives,
.entry .entry-content .wp-block-categories, .entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts { .entry .entry-content .wp-block-latest-posts {