[wp-trac] [WordPress Trac] #44664: Twenty Fourteen: Video play icon alignment

[WordPress Trac]

#44664: Twenty Fourteen: Video play icon alignment
-------------------------+-------------------------------------------------
 Reporter:               |      Owner:  (none)
  celloexpressions       |
     Type:  defect       |     Status:  new
  (bug)                  |
 Priority:  normal       |  Milestone:  4.9.9
Component:  Bundled      |    Version:  4.9
  Theme                  |   Keywords:  needs-patch needs-screenshots good-
 Severity:  normal       |  first-bug
  Focuses:  ui           |
-------------------------+-------------------------------------------------
 Twenty Fourteen provides custom styling for the MediaElement.js players.
 It appears that the updates to MediaElement.js in a recent release caused
 the play icon (which is a Genericons font icon) in embedded video players
 to become substantially misaligned. This could be seen in the editor or in
 a video widget with a locally-uploaded video.

 This seems to be fixable by adding `position: relative` to `.hentry .mejs-
 overlay-button, .widget .mejs-overlay-button {` in the Twenty Fourteen
 stylesheet. This allows the icon to be absolutely positioned relative to
 the button container, as this worked previously.

 If someone has time to verify this issue, document screenshots, and turn
 this into a patch, this should be a relatively straightforward fix.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/44664>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform