From 684001d729a4684ab00a24e31ec39f8cae6e37a7 Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Sun, 8 Oct 2017 02:34:49 +0200
Subject: Dynamically calculate card height for embeds instead of padding
(#5265)
The padding trick was hard-coded to a 16:9 ratio, but we can use
width and height provided from OEmbed information and width
of the card itself to calculate a new height
---
app/javascript/styles/components.scss | 17 ++---------------
1 file changed, 2 insertions(+), 15 deletions(-)
(limited to 'app/javascript/styles')
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index d578e9930..b6da70c91 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -2155,22 +2155,9 @@ 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;
+ width: 100%;
+ height: 100%;
}
}
--
cgit