From f958272149ab074071d5c5eab387249a8140fbfc Mon Sep 17 00:00:00 2001 From: Chris Rodriguez Date: Fri, 31 Jul 2015 10:45:43 -0400 Subject: [PATCH] Updating video bumper play button --- .../xmodule/xmodule/css/video/display.scss | 24 +++++++++++++++--- .../xmodule/xmodule/js/src/video/09_poster.js | 5 +++- lms/static/images/play.png | Bin 0 -> 2966 bytes 3 files changed, 24 insertions(+), 5 deletions(-) create mode 100644 lms/static/images/play.png diff --git a/common/lib/xmodule/xmodule/css/video/display.scss b/common/lib/xmodule/xmodule/css/video/display.scss index ad130c50e0..63d3a38844 100644 --- a/common/lib/xmodule/xmodule/css/video/display.scss +++ b/common/lib/xmodule/xmodule/css/video/display.scss @@ -839,12 +839,28 @@ div.video { background-size: 15%; } - .btn-play { - text-indent: -999px; - overflow: hidden; + .btn-play.btn-pre-roll { + padding: $baseline; border: none; + border-radius: $baseline; + background: $black-t2; box-shadow: none; - line-height: 0; + + &:after { + // the button class, ties to functionality, also uses an icon font + // we're overriding it here so we can use our image instead + display: none; + } + + img { + height: ($baseline * 4); + width: ($baseline * 4); + } + + &:hover, + &:focus { + background: $blue; + } } } } diff --git a/common/lib/xmodule/xmodule/js/src/video/09_poster.js b/common/lib/xmodule/xmodule/js/src/video/09_poster.js index b243200a30..ba5da94c77 100644 --- a/common/lib/xmodule/xmodule/js/src/video/09_poster.js +++ b/common/lib/xmodule/xmodule/js/src/video/09_poster.js @@ -25,7 +25,10 @@ define('video/09_poster.js', [], function () { template: _.template([ '
', - '', + '', '
' ].join('')), diff --git a/lms/static/images/play.png b/lms/static/images/play.png new file mode 100644 index 0000000000000000000000000000000000000000..a6ac623bca769ff89124ee902832765f9e62d2fd GIT binary patch literal 2966 zcmV;H3u*L;P)Px=P)S5VRCodHU1_WyQy6wtLjAD)QZ)8mELA@wVyWf7AXHQ=CA75FS`$kU1d&*y zjUbe^XiCss(b~G{qI9`MsoK}Zk|JEsgGuLpcfPr2&YUxIX6BjX%{OzF_nh}RPu}x= z&pr41w%9_K5U@d@tE+1W>VE{KnoG(x(0kl%HNRI22BA2(%$Xmf~4xyiafAsJJ2byH%^wa7$;?An0R!|GR!v2I=TW!psWlNhh<+p@XrfR z!}`T5bRQl9ArK})D=Lp)HsnH4Y8y?+F%lwsm%@JQ%PWSR*uX*Y3XJl|K9FcB<+ zaYOB9IIK@ps8@doRCP;ALSzXFsog9}s#KX91gf54;wbPR?B*lWJOGn+6Gz73eVsB) z9G0)~FbdgbQoK<2`4OlqVIpMa;D*{wXH=lqdXUOm{r^^eT+n&6=K7Drx$bl*E8RD5Q3CGfdh|3qr~;Er7Ht4NHB8;0gdkt+&&NQoEV%-gWsNm0{ek!Cr7V4VmUy*sku~m+Mi4@rOUZ{E_EwM#5^N-DpelN0_+h zWq9DZn+5U0D&8x@6tilFV;G*hc^I~1F+=(pMH$8qu4!JW-HbuDc`B_@sC6Ptc`Nfe zhNgD2y1Xf5A6Z*ccFbJ$I3AApbI-TJDx=*f!?;@he16uUJGGl>`P}&LtqkKIW0Mi~ zM5C$5G|$0;)^0=?ljSU~4S#f%=Wa&9g4AxbB^5`8tRpQ)2WmI-vv%~^UKz$Gy7_z` zhVE}8(~N}$qunUO$Raw*1mQ)teB8*Ek!}LY%hTnIy(#7<&CAmN`Y#-EamSKy!9ky-WsVc+dMX*}^Kf!c) z?#5cXQHH73g6Ey>9&kYIW(usojWZF(2DR$=GHEy3lB&P>c_W~9!#`-g zZQ@87#ssB$x1o0PCNj+O$G&-835n)W=QX3+$ z7Iu&bBQj(`V2IxIW`Rp>j}c)+f-DI16=AZ#rM64;9!4ZEMS!1_c2|Zmg{#@^{zmxc z;$!tj5vJKhFp2(WG#U)DyvW9x&O(@YSDRWP@Ft?U5M=3$qEd#5kkD%!f$#BfG3?kl zS=c}shA8NY5a`0qlQ4d@2uai95@C8k(%6Fc5jp>B@~t!kv?ZmX(~P=b5$1KUBYGnX z;ZTMl3eCM~`tnu<->B8&}c z;rCgADRTQs)l_W4(3WI_TDX0vsay*i;Dam-TN#EZ)Z^kuWNIp(`3y&d@riCRzO6MC zo9SswvOz73KGan1hFNPWHeo2k*q~N^pLv)<;{QJTo|-a@Z-m|Yr=~I#?^CF$^!P`4 zw?id+Q-(>#CA3m%Dv!gi0#SY_b8;d~ndqC1o#`8*%v{>H(w1b8o$sE%V1R32M09 z#s)R}KGama{$iT_)XaKnOESYLZ!2mlSHY;Mc>8(1ypuHPuMA^?Qoc4XpgTV*Z^-8+ zjNT%QzjavmKT)Ro8=`p6+LGL3PEF-b7&Vnzk%dqx!w>~`*Ic;bIhB9EHQSxra6Bo) zxLFHoD(8bJ$Jd!Ggi0AEA7QAeJPM>z-k#sqm-g28k@D zlt^z^SHkc&3dh0r2T{hSL!jC$2-I;)S_%Lt=}S||!UV&%b;>Z*R7S&&5?Ksa-=bMv zGR$PeJ`zOv!U6+z$$&uB3G)$RrKU0?L(FQL1A(e;Nz_zsgHclvS#l5{Yu74fm{$=b zHI+44gH`+d2vjMw1hCk@S(4^2^m`Dteetu_h@~Nb1z!itdM!qWfu&7a1DA&Y7JhODwop^K99FbK zTpmCgxjO<_{L>8yGZF2isdR_0nNJ|XtQ698qVD8oBBQ7i5db0j!p6dWh4JDWTE0&? zA6Dewn-b@z!axxKIY^xTFn#g~bd5AEAs_^VfDjM@LO=)zf$RwU1IMGXIlLqZ`Tzg` M07*qoM6N<$f*w(OIRF3v literal 0 HcmV?d00001