From 139d18348598465d85726ec3d09789635cb42c74 Mon Sep 17 00:00:00 2001 From: Yamagishi Kazutoshi Date: Sun, 7 May 2017 22:21:46 +0900 Subject: [PATCH] Fix a aspect ratio for the embedded video (#2872) --- app/javascript/styles/components.scss | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index f2d6f988c3..17a4e09d45 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -1798,6 +1798,26 @@ button.icon-button.active i.fa-retweet { } } +.status-card-video { + position: relative; + width: 100%; + height: auto; + padding-top: 56.25%; + + iframe { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 1px; + min-width: 100%; + height: 1px; + min-height: 100%; + margin: auto; + } +} + .status-card__title { display: block; font-weight: 500;