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

Override hover effect from video block #1815

Merged
merged 1 commit into from
May 31, 2022

Conversation

laurelfulford
Copy link
Contributor

All Submissions:

Changes proposed in this Pull Request:

This PR fixes an issue where a video block with certain settings will turn black on hover when AMP is enabled. This is because a button element is added to the video, covering the whole thing, and it's picking up the theme's black background on hover.

Closes #1814.

How to test the changes in this Pull Request:

  1. Start with a test site running AMP.
  2. Add a video block to a post; turn on Autoplay and Playback controls in the right sidebar:

image

  1. Publish the post and view on the front-end.
  2. Hover over the video; note it turns black.
  3. Apply the PR and run npm run build.
  4. Confirm that the video no longer turns black on hover.

Other information:

  • Have you added an explanation of what your changes do and why you'd like us to include them?
  • Have you written new tests for your changes, as applicable?
  • Have you successfully ran tests with your changes locally?

@laurelfulford laurelfulford added the [Status] Needs Review The issue or pull request needs to be reviewed label May 24, 2022
@laurelfulford laurelfulford requested a review from a team as a code owner May 24, 2022 23:25
@github-actions github-actions bot added [Status] Approved The pull request has been reviewed and is ready to merge and removed [Status] Needs Review The issue or pull request needs to be reviewed labels May 31, 2022
@laurelfulford
Copy link
Contributor Author

Thanks! 🙌

@laurelfulford laurelfulford merged commit dfa36c9 into master May 31, 2022
@laurelfulford laurelfulford deleted the fix/1814-video-block-hover branch May 31, 2022 15:12
matticbot pushed a commit that referenced this pull request Jun 2, 2022
# [1.59.0-alpha.1](v1.58.3...v1.59.0-alpha.1) (2022-06-02)

### Bug Fixes

* make third level headings a unique size on mobile ([#1816](#1816)) ([265a8a7](265a8a7))
* remove custom column block styles ([#1801](#1801)) ([56b9e84](56b9e84))
* remove incorrect hover effect from video block ([#1815](#1815)) ([dfa36c9](dfa36c9))

### Features

* add custom style to subscribe pattern 10 ([#1818](#1818)) ([da861bb](da861bb))
* add Trust Indicators job title to author bio ([#1806](#1806)) ([8af5709](8af5709))
* remove Aside post format support ([#1810](#1810)) ([7a9b213](7a9b213))
@matticbot
Copy link
Contributor

🎉 This PR is included in version 1.59.0-alpha.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

matticbot pushed a commit that referenced this pull request Jun 13, 2022
# [1.59.0](v1.58.3...v1.59.0) (2022-06-13)

### Bug Fixes

* make third level headings a unique size on mobile ([#1816](#1816)) ([265a8a7](265a8a7))
* remove custom column block styles ([#1801](#1801)) ([56b9e84](56b9e84))
* remove incorrect hover effect from video block ([#1815](#1815)) ([dfa36c9](dfa36c9))

### Features

* add custom style to subscribe pattern 10 ([#1818](#1818)) ([da861bb](da861bb))
* add Trust Indicators job title to author bio ([#1806](#1806)) ([8af5709](8af5709))
* remove Aside post format support ([#1810](#1810)) ([7a9b213](7a9b213))
@matticbot
Copy link
Contributor

🎉 This PR is included in version 1.59.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
released on @alpha released [Status] Approved The pull request has been reviewed and is ready to merge
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Video Block: Certain settings + AMP cause the video to 'black out' on hover
3 participants