From 3fa8512474137e84cfaf37682e78a84995e5c862 Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Sun, 28 May 2017 19:11:47 +0200 Subject: [PATCH] Fix video having black border on top due to regression from #2608 (#3392) The combination of object-fit, relative position 50% from top and translating it back upwards 50% is what allows us to crop the video properly, so it needs to be +50%-50% --- app/javascript/styles/components.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index a566e4a3c3..4afbd12cf1 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -3395,7 +3395,7 @@ button.icon-button.active i.fa-retweet { object-fit: cover; position: relative; top: 50%; - transform: translateY(-35%); + transform: translateY(-50%); width: 100%; z-index: 1; }