valvin
/
ttrss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
fox 2020-05-17 05:20:23 +00:00 committed by Gogs
parent a1ffc11619 c93bcef91f
commit 3dc506a19a
14 changed files with 193 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
include/functions.php
View File

@ -1373,6 +1373,14 @@
$doc->removeChild($doc->firstChild); //remove doctype
$doc = strip_harmful_tags($doc, $allowed_elements, $disallowed_attributes);
$entries = $xpath->query('//iframe');
foreach ($entries as $entry) {
$div = $doc->createElement('div');
$div->setAttribute('class', 'embed-responsive');
$entry->parentNode->replaceChild($div, $entry);
$div->appendChild($entry);
}
if ($highlight_words && is_array($highlight_words)) {
foreach ($highlight_words as $word) {

29
themes/compact.css
View File

@ -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;

2
themes/compact.css.map
View File

File diff suppressed because one or more lines are too long

29
themes/compact_night.css
View File

@ -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: #ccc;

2
themes/compact_night.css.map
View File

File diff suppressed because one or more lines are too long

29
themes/light.css
View File

@ -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;

2
themes/light.css.map
View File

File diff suppressed because one or more lines are too long

17
themes/light/cdm.less
View File

@ -6,6 +6,7 @@
.header {
position: sticky;
top : 0;
z-index: 3;
}
.header, .footer {
@ -203,6 +204,22 @@ div.cdm.vgrlf .feed {
font-size: 11px;
}
div.content-inner div.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%;
}
}
div.header span.author {
white-space : nowrap;
color : @default-text;

2
themes/light/defines.less
View File

@ -17,6 +17,8 @@
@color-tooltip-fg: @color-panel-bg;
@color-tooltip-bg: darken(@color-accent, 10%);
@embed-responsive-padding: 56.25%; // Use 56.25% for 16:9 aspect ratio, 75% for 4:3.
body.ttrss_main,
body.ttrss_prefs,
#main {

16
themes/light/tt-rss.less
View File

@ -65,6 +65,22 @@ body.ttrss_main {
max-width : 98%;
height: auto;
}
div.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%;
}
}
}
}

29
themes/night.css
View File

@ -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;
@ -1127,6 +1141,7 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header {
position: sticky;
top: 0;
z-index: 3;
}
.cdm .header,
.cdm .footer {
@ -1290,6 +1305,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;

2
themes/night.css.map
View File

File diff suppressed because one or more lines are too long

29
themes/night_blue.css
View File

@ -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;
@ -1127,6 +1141,7 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header {
position: sticky;
top: 0;
z-index: 3;
}
.cdm .header,
.cdm .footer {
@ -1290,6 +1305,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;

2
themes/night_blue.css.map
View File

File diff suppressed because one or more lines are too long