diff --git a/plugins/af_youtube_embed/init.php b/plugins/af_youtube_embed/init.php index b53a92f0edb62ced2540900c957e82f65dc34b87..95ab0b9d54c372daf3034614ace3f9fe4bbd8bb1 100644 --- a/plugins/af_youtube_embed/init.php +++ b/plugins/af_youtube_embed/init.php @@ -29,10 +29,12 @@ class Af_Youtube_Embed extends Plugin { $vid_id = $matches[1]; - return "<iframe class=\"youtube-player\" - type=\"text/html\" width=\"640\" height=\"385\" - src=\"https://www.youtube.com/embed/$vid_id\" - allowfullscreen frameborder=\"0\"></iframe>"; + return "<div class='embed-responsive'> + <iframe class='youtube-player' + type='text/html' width='640' height='385' + src=\"https://www.youtube.com/embed/$vid_id\" + allowfullscreen frameborder='0'></iframe> + </div>"; } } diff --git a/themes/compact.css b/themes/compact.css index f6adece879bf463156c738d48a361f880322c68f..3dbc204ab5efdb2aebaee18ce732ffacb74f741d 100644 --- a/themes/compact.css +++ b/themes/compact.css @@ -1385,11 +1385,13 @@ body.ttrss_utility hr { .cdm .feed-title a:hover { color: #257aa7; } +.cdm .intermediate .embed-responsive, .cdm .content-inner .embed-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; } +.cdm .intermediate .embed-responsive iframe, .cdm .content-inner .embed-responsive iframe { border: 0; bottom: 0; diff --git a/themes/compact_night.css b/themes/compact_night.css index 2436dd9114b66d70c9100ca818084b80b679080f..34417a92cf9a6bcd0f71b6d6fdac7a6618b63550 100644 --- a/themes/compact_night.css +++ b/themes/compact_night.css @@ -1385,11 +1385,13 @@ body.ttrss_utility hr { .cdm .feed-title a:hover { color: #b87d2c; } +.cdm .intermediate .embed-responsive, .cdm .content-inner .embed-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; } +.cdm .intermediate .embed-responsive iframe, .cdm .content-inner .embed-responsive iframe { border: 0; bottom: 0; diff --git a/themes/light-high-contrast.css b/themes/light-high-contrast.css index 16ac51035bd73cdb62ee46d4cb59cc0f2b46bbac..6e799bc9cdda3e13cbf70e78b5e4bdabab70cd23 100644 --- a/themes/light-high-contrast.css +++ b/themes/light-high-contrast.css @@ -1385,11 +1385,13 @@ body.ttrss_utility hr { .cdm .feed-title a:hover { color: #257aa7; } +.cdm .intermediate .embed-responsive, .cdm .content-inner .embed-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; } +.cdm .intermediate .embed-responsive iframe, .cdm .content-inner .embed-responsive iframe { border: 0; bottom: 0; diff --git a/themes/light.css b/themes/light.css index d26e5f81b0477d34b931b06feec83d50734fbfde..78a8b24b6ae80092ed8d405ce6cc9ab7432590a5 100644 --- a/themes/light.css +++ b/themes/light.css @@ -1385,11 +1385,13 @@ body.ttrss_utility hr { .cdm .feed-title a:hover { color: #257aa7; } +.cdm .intermediate .embed-responsive, .cdm .content-inner .embed-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; } +.cdm .intermediate .embed-responsive iframe, .cdm .content-inner .embed-responsive iframe { border: 0; bottom: 0; diff --git a/themes/light/cdm.less b/themes/light/cdm.less index 41d789a09b1d84fdfbd16376ad0533ddfb198eda..a89ceed272e8899e601ed150dbc57bdbdb1f790d 100644 --- a/themes/light/cdm.less +++ b/themes/light/cdm.less @@ -115,11 +115,13 @@ font-size : 16px; } - .intermediate iframe, - .content-inner iframe { - max-width : 98%; - width : auto; - height : auto; + .intermediate, + .content-inner { + iframe { + max-width : 98%; + width : auto; + height : auto; + } } .intermediate img, @@ -208,19 +210,22 @@ } } - .content-inner .embed-responsive { - overflow : hidden; - padding-bottom : @embed-responsive-padding; - position : relative; - - iframe { - border : 0; - bottom : 0; - height : 100%; - left : 0; - position : absolute; - top : 0; - width : 100%; + .intermediate, + .content-inner { + .embed-responsive { + overflow : hidden; + padding-bottom : @embed-responsive-padding; + position : relative; + + iframe { + border : 0; + bottom : 0; + height : 100%; + left : 0; + position : absolute; + top : 0; + width : 100%; + } } } diff --git a/themes/night.css b/themes/night.css index f5e23e59a9663888376218b38e8530d97300b836..d401c50c229204a051ffb08fe1ab566925c6cd6c 100644 --- a/themes/night.css +++ b/themes/night.css @@ -1386,11 +1386,13 @@ body.ttrss_utility hr { .cdm .feed-title a:hover { color: #b87d2c; } +.cdm .intermediate .embed-responsive, .cdm .content-inner .embed-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; } +.cdm .intermediate .embed-responsive iframe, .cdm .content-inner .embed-responsive iframe { border: 0; bottom: 0; diff --git a/themes/night_blue.css b/themes/night_blue.css index 60293f52c17406aae5cf47071ad794ef1912f709..b0686a067aaa4f8d5f2719bfb4d269c5910008c8 100644 --- a/themes/night_blue.css +++ b/themes/night_blue.css @@ -1386,11 +1386,13 @@ body.ttrss_utility hr { .cdm .feed-title a:hover { color: #257aa7; } +.cdm .intermediate .embed-responsive, .cdm .content-inner .embed-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; } +.cdm .intermediate .embed-responsive iframe, .cdm .content-inner .embed-responsive iframe { border: 0; bottom: 0;