Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix button block regressions #10565

Merged
merged 3 commits into from
Oct 16, 2018
Merged

Fix button block regressions #10565

merged 3 commits into from
Oct 16, 2018

Conversation

jasmussen
Copy link
Contributor

The button block regressed as part of a few changes recently, including one to increase placeholder text contrast.

This PR fixes that.

It also fixes an issue where the text on the outline button version was white.

Before:

screenshot 2018-10-12 at 21 17 05

After:

screenshot 2018-10-12 at 21 19 14

screenshot 2018-10-12 at 21 19 24

screenshot 2018-10-12 at 21 20 26

The button block regressed as part of a few changes recently, including one to increase placeholder text contrast.

This PR fixes that.
@jasmussen jasmussen added the [Type] Regression Related to a regression in the latest release label Oct 12, 2018
@jasmussen jasmussen added this to the 4.1 milestone Oct 12, 2018
@jasmussen jasmussen self-assigned this Oct 12, 2018
@jasmussen jasmussen requested review from mtias and a team October 12, 2018 19:28
Copy link
Contributor

@talldan talldan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Gave this a test, and it seems to improve things immeasurably, so probably an important one to merge.

It does look like this is the first time we've added styles specifically for the style variation preview, which is probably the only controversial bit in this PR:
https://github.com/WordPress/gutenberg/pull/10565/files#diff-48774fc728094a4cbd45abc1d467ee70R35

opacity: 0.8;
}

// Don't let the placeholder text wrap in the variation preview.
.editor-block-styles__item-preview & {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this should be .editor-block-preview__content because it the preview component can be used in several places.

@gziolo
Copy link
Member

gziolo commented Oct 16, 2018

There is some issue with Outline style when I test background color set but no text color set:

screen shot 2018-10-16 at 12 31 03

It might be a feature, just wanted to make sure it works properly. Otherwise it's ready to go.

@gziolo
Copy link
Member

gziolo commented Oct 16, 2018

Okey, it's better than in master:
screen shot 2018-10-16 at 15 49 17
screen shot 2018-10-16 at 15 47 27
screen shot 2018-10-16 at 15 48 02

@gziolo gziolo merged commit bb4068f into master Oct 16, 2018
@gziolo gziolo deleted the fix/button-regressions branch October 16, 2018 13:49
@mtias mtias added the [Feature] Blocks Overall functionality of blocks label Oct 18, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Blocks Overall functionality of blocks [Type] Regression Related to a regression in the latest release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants