diff options
author | JustAMacUser <[email protected]> | 2020-05-15 22:25:56 -0400 |
---|---|---|
committer | JustAMacUser <[email protected]> | 2020-05-15 22:25:56 -0400 |
commit | 7a0ea9d90ebcfa6e4a252c55d2636a844e3f5b3d (patch) | |
tree | 04c2031ec9d41b874fcdfdab9bd46b737eb0f862 /themes/light | |
parent | a1ffc116196e023491ff2c3c7b24f48924ea4fd1 (diff) |
Make iframes size responsively.
Diffstat (limited to 'themes/light')
-rw-r--r-- | themes/light/cdm.less | 16 | ||||
-rw-r--r-- | themes/light/defines.less | 2 | ||||
-rw-r--r-- | themes/light/tt-rss.less | 16 |
3 files changed, 34 insertions, 0 deletions
diff --git a/themes/light/cdm.less b/themes/light/cdm.less index 71ef96094..b78b64ec1 100644 --- a/themes/light/cdm.less +++ b/themes/light/cdm.less @@ -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; diff --git a/themes/light/defines.less b/themes/light/defines.less index 5352f4d80..7de7a7686 100644 --- a/themes/light/defines.less +++ b/themes/light/defines.less @@ -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 { diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less index e24838ef5..e7df19f00 100644 --- a/themes/light/tt-rss.less +++ b/themes/light/tt-rss.less @@ -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%; + } + } } } |