Make iframes size responsively.

1 files changed, 28 insertions, 0 deletions

diff --git a/themes/compact_night.css b/themes/compact_night.css
index 74462a3d3..d5cfccde2 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -70,6 +70,20 @@ body.ttrss_main div.post div.content video {
   max-width: 98%;
   height: auto;
 }
+body.ttrss_main div.post div.content div.embed-responsive {
+  overflow: hidden;
+  padding-bottom: 56.25%;
+  position: relative;
+}
+body.ttrss_main div.post div.content div.embed-responsive iframe {
+  border: 0;
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
 body.ttrss_main .inline-player {
   display: flex;
   align-items: center;
@@ -1289,6 +1303,20 @@ div.cdm.vgrlf .feed {
   font-style: italic;
   font-size: 11px;
 }
+.cdm div.content-inner div.embed-responsive {
+  overflow: hidden;
+  padding-bottom: 56.25%;
+  position: relative;
+}
+.cdm div.content-inner div.embed-responsive iframe {
+  border: 0;
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
 .cdm div.header span.author {
   white-space: nowrap;
   color: #ccc;