diff options
author | fox <[email protected]> | 2020-05-17 05:20:23 +0000 |
---|---|---|
committer | Gogs <[email protected]> | 2020-05-17 05:20:23 +0000 |
commit | 3dc506a19ac483c60cf2800066e4403df4db0ef1 (patch) | |
tree | fbed1f6a834436118871dad7de42b856c7a795e9 /themes/light | |
parent | a1ffc116196e023491ff2c3c7b24f48924ea4fd1 (diff) | |
parent | c93bcef91f82493e248e2f7085883d81e95dd136 (diff) |
Merge branch 'responsive-iframes' of JustAMacUser/tt-rss into master
Diffstat (limited to 'themes/light')
-rw-r--r-- | themes/light/cdm.less | 17 | ||||
-rw-r--r-- | themes/light/defines.less | 2 | ||||
-rw-r--r-- | themes/light/tt-rss.less | 16 |
3 files changed, 35 insertions, 0 deletions
diff --git a/themes/light/cdm.less b/themes/light/cdm.less index 71ef96094..e77f2ec03 100644 --- a/themes/light/cdm.less +++ b/themes/light/cdm.less @@ -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; 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%; + } + } } } |