banananetwork
/
tt-rss
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source
master
fox 5 years ago 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

8
include/functions.php
Unescape Escape View File

@ -1373,6 +1373,14 @@
$doc->removeChild($doc->firstChild); //remove doctype $doc->removeChild($doc->firstChild); //remove doctype
$doc = strip_harmful_tags($doc, $allowed_elements, $disallowed_attributes); $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)) { if ($highlight_words && is_array($highlight_words)) {
foreach ($highlight_words as $word) { foreach ($highlight_words as $word) {

29
themes/compact.css
Unescape Escape View File

@ -70,6 +70,20 @@ body.ttrss_main div.post div.content video {
max-width: 98%; max-width: 98%;
height: auto; 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 { body.ttrss_main .inline-player {
display: flex; display: flex;
align-items: center; align-items: center;
@ -1126,6 +1140,7 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header { .cdm .header {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 3;
} }
.cdm .header, .cdm .header,
.cdm .footer { .cdm .footer {
@ -1289,6 +1304,20 @@ div.cdm.vgrlf .feed {
font-style: italic; font-style: italic;
font-size: 11px; 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 { .cdm div.header span.author {
white-space: nowrap; white-space: nowrap;
color: #555; 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
Unescape Escape View File

@ -70,6 +70,20 @@ body.ttrss_main div.post div.content video {
max-width: 98%; max-width: 98%;
height: auto; 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 { body.ttrss_main .inline-player {
display: flex; display: flex;
align-items: center; align-items: center;
@ -1126,6 +1140,7 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header { .cdm .header {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 3;
} }
.cdm .header, .cdm .header,
.cdm .footer { .cdm .footer {
@ -1289,6 +1304,20 @@ div.cdm.vgrlf .feed {
font-style: italic; font-style: italic;
font-size: 11px; 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 { .cdm div.header span.author {
white-space: nowrap; white-space: nowrap;
color: #ccc; 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
Unescape Escape View File

@ -70,6 +70,20 @@ body.ttrss_main div.post div.content video {
max-width: 98%; max-width: 98%;
height: auto; 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 { body.ttrss_main .inline-player {
display: flex; display: flex;
align-items: center; align-items: center;
@ -1126,6 +1140,7 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header { .cdm .header {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 3;
} }
.cdm .header, .cdm .header,
.cdm .footer { .cdm .footer {
@ -1289,6 +1304,20 @@ div.cdm.vgrlf .feed {
font-style: italic; font-style: italic;
font-size: 11px; 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 { .cdm div.header span.author {
white-space: nowrap; white-space: nowrap;
color: #555; 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
Unescape Escape View File

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

2
themes/light/defines.less
Unescape Escape View File

@ -17,6 +17,8 @@
@color-tooltip-fg: @color-panel-bg; @color-tooltip-fg: @color-panel-bg;
@color-tooltip-bg: darken(@color-accent, 10%); @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_main,
body.ttrss_prefs, body.ttrss_prefs,
#main { #main {

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

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

@ -71,6 +71,20 @@ body.ttrss_main div.post div.content video {
max-width: 98%; max-width: 98%;
height: auto; 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 { body.ttrss_main .inline-player {
display: flex; display: flex;
align-items: center; align-items: center;
@ -1127,6 +1141,7 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header { .cdm .header {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 3;
} }
.cdm .header, .cdm .header,
.cdm .footer { .cdm .footer {
@ -1290,6 +1305,20 @@ div.cdm.vgrlf .feed {
font-style: italic; font-style: italic;
font-size: 11px; 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 { .cdm div.header span.author {
white-space: nowrap; white-space: nowrap;
color: #ccc; 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
Unescape Escape View File

@ -71,6 +71,20 @@ body.ttrss_main div.post div.content video {
max-width: 98%; max-width: 98%;
height: auto; 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 { body.ttrss_main .inline-player {
display: flex; display: flex;
align-items: center; align-items: center;
@ -1127,6 +1141,7 @@ video::-webkit-media-controls-overlay-play-button {
.cdm .header { .cdm .header {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 3;
} }
.cdm .header, .cdm .header,
.cdm .footer { .cdm .footer {
@ -1290,6 +1305,20 @@ div.cdm.vgrlf .feed {
font-style: italic; font-style: italic;
font-size: 11px; 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 { .cdm div.header span.author {
white-space: nowrap; white-space: nowrap;
color: #ccc; color: #ccc;

2
themes/night_blue.css.map
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save