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

Inline color support #3033

Merged
merged 8 commits into from
Aug 19, 2019
Merged

Inline color support #3033

merged 8 commits into from
Aug 19, 2019

Conversation

swissspidy
Copy link
Collaborator

@swissspidy swissspidy commented Aug 14, 2019

Fixes #2982.

To do

  • Move color controls to block toolbar
  • Verify whether data-text-background-color attribute can actually be used or not
  • Ensure that the preview in the editor matches the actual result on the frontend

@googlebot googlebot added the cla: yes Signed the Google CLA label Aug 14, 2019
@swissspidy

This comment has been minimized.

@swissspidy
Copy link
Collaborator Author

Current status:

Screenshot 2019-08-15 at 12 36 02
Screenshot 2019-08-15 at 12 35 58
Screenshot 2019-08-15 at 12 27 34
Screenshot 2019-08-15 at 12 17 30
Screenshot 2019-08-15 at 11 02 17

@swissspidy swissspidy marked this pull request as ready for review August 15, 2019 10:38
@kienstra
Copy link
Contributor

kienstra commented Aug 15, 2019

Approved

Hi @swissspidy,
This is a nice feature.

Changing the Text block's color and background color via the toolbar worked as expected:

rich-text-bg

text-r-controls

It's approved, pending the Travis build passing.

@miina
Copy link
Contributor

miina commented Aug 16, 2019

One note: The opacity control doesn't have an effect on the highlight. It actually makes more sense to me like this, however, wondering what are your thoughts on this / if it might be unexpected. Maybe naming "Opacity" to "Background opacity" could be an option. Thoughts?

@swissspidy
Copy link
Collaborator Author

You mean the opacity control in the color panel in the block sidebar?

@miina
Copy link
Contributor

miina commented Aug 16, 2019

You mean the opacity control in the color panel in the block sidebar?

Yes

@swissspidy
Copy link
Collaborator Author

Hmm I'm -1 on adding some premature changes there. Let's add this and see what kind of feedback we get.

@swissspidy swissspidy merged commit af94700 into develop Aug 19, 2019
@swissspidy swissspidy deleted the add/inline-color-support branch August 19, 2019 10:36
@westonruter westonruter added this to the v1.2.1 milestone Aug 20, 2019
westonruter added a commit that referenced this pull request Aug 22, 2019
* tag '1.2.1': (434 commits)
  Bump 1.2.1
  Adjust block inserter style. (#3075)
  Update dependency eslint-plugin-jest to v22.15.2
  Fix flaky CTA test (#3057)
  Add more resizing handles (#3023)
  Bump version to 1.2.1-RC1
  Improve story page background media with image srcset, reduced image size, and a11y text (#3006)
  Wait until content loaded before calculating font size. (#3052)
  Harden logic for normalizing image metadata before adding story images (#3049)
  Update dependency uuid to v3.3.3 (#3046)
  Inline color support (#3033)
  Update dependency webpack-cli to v3.3.7 (#3040)
  Tiny prop-types fix
  Update dependency babel-jest to v24.9.0 (#3037)
  Update e2e test setup (#3031)
  Include amp-script among dynamic_element_selectors in tree shaking
  Another try to fix tests.
  Ensure selecting the first page before removing the block.
  Move setting input selection to the end to helpers.
  Fix editor test.
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
cla: yes Signed the Google CLA
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Implement flat text background scrim (support “data-text-background-color” attribute)
5 participants