From e3b60b07d91ac2754e059c29a60709e83d1b90f3 Mon Sep 17 00:00:00 2001 From: Stephen Burgess Date: Sat, 29 Apr 2017 09:23:27 -0400 Subject: [PATCH] fix(video): Position of play icon (#2608) * fix(video): Position of play icon #2601 * fix(overlay-button): Positioning * fix(expand): Bottom align expand icon * feat(video): Fit landscape videos into preview area --- app/assets/stylesheets/components.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss index 11d50673d4..68b2be9ece 100644 --- a/app/assets/stylesheets/components.scss +++ b/app/assets/stylesheets/components.scss @@ -3097,7 +3097,7 @@ button.icon-button.active i.fa-retweet { object-fit: cover; position: relative; top: 50%; - transform: translateY(-50%); + transform: translateY(-35%); width: 100%; z-index: 1; } @@ -3109,19 +3109,24 @@ button.icon-button.active i.fa-retweet { position: absolute; right: 4px; text-shadow: 0px 1px 1px #000, 1px 0px 1px #000; - top: 4px; } .status__video-player-spoiler { color: #fff; + left: 4px; + position: absolute; text-shadow: 0px 1px 1px #000, 1px 0px 1px #000; + top: 4px; + z-index: 100; } .status__video-player-expand { + bottom: 4px; z-index: 100; } .status__video-player-mute { + top: 4px; z-index: 5; } @@ -3136,6 +3141,7 @@ button.icon-button.active i.fa-retweet { border-radius: 100px; color: rgba(255, 255, 255, 0.8); font-size: 36px; + left: 50%; padding: 5px; position: absolute; top: 50%;