public/tt-rss
1
0
Fork 0
mirror of https://git.tt-rss.org/git/tt-rss.git synced 2025-12-13 08:25:55 +00:00
Code Issues Releases Wiki Activity

Make iframes size responsively.

Browse Source
This commit is contained in:
JustAMacUser
2020-05-15 22:25:56 -04:00
parent a1ffc11619
commit 7a0ea9d90e
14 changed files with 187 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

2
themes/compact.css.map
View File

File diff suppressed because one or more lines are too long

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

2
themes/compact_night.css.map
View File

File diff suppressed because one or more lines are too long

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

2
themes/light.css.map
View File

File diff suppressed because one or more lines are too long

16
themes/light/cdm.less
View File

@@ -203,6 +203,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%;
}
}
}
}

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

2
themes/night.css.map
View File

File diff suppressed because one or more lines are too long

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

2
themes/night_blue.css.map
View File

File diff suppressed because one or more lines are too long