TheDJ has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/287778

Change subject: Fix sizing of audio player and fully hide native controls
......................................................................

Fix sizing of audio player and fully hide native controls

Bug: T119049
Change-Id: I047b15c53206acda08ecd8a8924fdff240a4c14b
---
M resources/ext.tmh.player.styles.less
1 file changed, 13 insertions(+), 4 deletions(-)


  git pull 
ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/TimedMediaHandler 
refs/changes/78/287778/1

diff --git a/resources/ext.tmh.player.styles.less 
b/resources/ext.tmh.player.styles.less
index 12cfc61..3a20909 100644
--- a/resources/ext.tmh.player.styles.less
+++ b/resources/ext.tmh.player.styles.less
@@ -1,8 +1,17 @@
-/* We hide the native controls, before we load the custom controls  */
-audio.video-js::-webkit-media-controls,
-video.video-js::-webkit-media-controls {
-       visibility: hidden;
+.client-js {
+       /* We force the size of player to avoid reflows after loading the JS */
+       audio.video-js {
+               height: 3em;
+               font-size: 10px
+       }
+
+       /* We hide the native controls, before we load the custom controls  */
+       audio.video-js::-webkit-media-controls,
+       video.video-js::-webkit-media-controls {
+               display:none;
+       }
 }
+
 /* Make video-js behave like standard <video><audio> elements */
 .video-js.video-js:not( .vjs-fullscreen ) {
        display: inline-block;

-- 
To view, visit https://gerrit.wikimedia.org/r/287778
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I047b15c53206acda08ecd8a8924fdff240a4c14b
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/TimedMediaHandler
Gerrit-Branch: master
Gerrit-Owner: TheDJ <hartman.w...@gmail.com>

_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to