Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

ui_init: Fix play button position on video thumbnails. 

This fixes a jQuery bug that broke the postion of play
button on video thumbnails particularly when YouTube
images fetched from oembed are displayed.
This commit is contained in:
Hashir Sarwar 2020-04-26 20:19:26 +05:00 committed by Tim Abbott
parent 3a110bd647
commit 0cbb778af4
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/js/ui_init.js
View File

@ -163,10 +163,12 @@ exports.initialize_kitchen_sink_stuff = function () {
const imgW = elem.find("img")[0].width;
const imgH = elem.find("img")[0].height;
// Ensure height doesn't change on mouse enter
elem.css("height", imgH);
elem.css("height", `${imgH}px`);
// variables to set play button position
elem.css("--margin-left", (imgW - 30) / 2)
.css("--margin-top", (imgH - 26) / 2);
const marginLeft = (imgW - 30) / 2;
const marginTop = (imgH - 26) / 2;
elem.css("--margin-left", `${marginLeft}px`)
.css("--margin-top", `${marginTop}px`);
elem.data("entered-before", true);
}
elem.addClass("fa fa-play");