From 7a0ea9d90ebcfa6e4a252c55d2636a844e3f5b3d Mon Sep 17 00:00:00 2001 From: JustAMacUser Date: Fri, 15 May 2020 22:25:56 -0400 Subject: Make iframes size responsively. --- themes/night.css | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) (limited to 'themes/night.css') diff --git a/themes/night.css b/themes/night.css index 4021c7d10..db9c8756c 100644 --- a/themes/night.css +++ b/themes/night.css @@ -71,6 +71,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; @@ -1290,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: #ccc; -- cgit v1.2.3