about summary refs log tree commit diff
path: root/app/javascript
diff options
context:
space:
mode:
authorYamagishi Kazutoshi <ykzts@desire.sh>2017-05-07 22:21:46 +0900
committerEugen Rochko <eugen@zeonfederated.com>2017-05-07 15:21:46 +0200
commit139d18348598465d85726ec3d09789635cb42c74 (patch)
treefcfef872614052fe13c838d0a330bd8db050e2ec /app/javascript
parentd7c17c32afdb15387a2fb11071a7643f2e1dc592 (diff)
Fix a aspect ratio for the embedded video (#2872)
Diffstat (limited to 'app/javascript')
-rw-r--r--app/javascript/styles/components.scss20
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;