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/light.css | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) (limited to 'themes/light.css') diff --git a/themes/light.css b/themes/light.css index 2e9abf2ec..952f8d06c 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; @@ -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: #555; -- cgit v1.2.3-54-g00ecf