Merge branch 'responsive-iframes' of JustAMacUser/tt-rss into master

1 files changed, 29 insertions, 0 deletions

diff --git a/themes/light.css b/themes/light.css
index 2e9abf2ec..33a349315 100644
--- a/themes/light.css
+++ b/themes/light.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;
@@ -1126,6 +1140,7 @@ video::-webkit-media-controls-overlay-play-button {
 .cdm .header {
   position: sticky;
   top: 0;
+  z-index: 3;
 }
 .cdm .header,
 .cdm .footer {
@@ -1289,6 +1304,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: #555;