Fix a aspect ratio for the embedded video (#2872)

8 years ago · 7ef4bdce19
parent 397369fc66
commit 7ef4bdce19
1 changed files with 20 additions and 0 deletions
--- 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;