diff options
author | Yamagishi Kazutoshi <ykzts@desire.sh> | 2017-05-07 22:21:46 +0900 |
---|---|---|
committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-05-07 15:21:46 +0200 |
commit | 139d18348598465d85726ec3d09789635cb42c74 (patch) | |
tree | fcfef872614052fe13c838d0a330bd8db050e2ec /app/javascript | |
parent | d7c17c32afdb15387a2fb11071a7643f2e1dc592 (diff) |
Fix a aspect ratio for the embedded video (#2872)
Diffstat (limited to 'app/javascript')
-rw-r--r-- | app/javascript/styles/components.scss | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index f2d6f988c..17a4e09d4 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; |