From 6e0474a7c81ee0c397cc8c2c732a987dfee115c2 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Thu, 11 Mar 2021 22:08:40 +0300 Subject: [PATCH] update zoom layout a bit --- plugins/share/init.php | 19 ++++++++++--------- themes/compact.css | 14 +++++++++----- themes/compact_night.css | 14 +++++++++----- themes/light.css | 14 +++++++++----- themes/light/zoom.less | 15 ++++++++++----- themes/night.css | 14 +++++++++----- themes/night_blue.css | 14 +++++++++----- 7 files changed, 65 insertions(+), 39 deletions(-) diff --git a/plugins/share/init.php b/plugins/share/init.php index 64a9054eb..4ad788428 100644 --- a/plugins/share/init.php +++ b/plugins/share/init.php @@ -189,17 +189,18 @@ class Share extends Plugin {
- -

- "> -

- -

- -
+
+ +

+ "> +

+ +

+ +
diff --git a/themes/compact.css b/themes/compact.css index e8fe58c8c..7b715cb98 100644 --- a/themes/compact.css +++ b/themes/compact.css @@ -1985,8 +1985,8 @@ body.ttrss_zoom div.post .attachments { display: none; } body.ttrss_zoom div.post div.header { - padding-bottom: 10px; - border: 0px solid #ddd; + padding-bottom: 8px; + border: 0 solid #ddd; border-bottom-width: 1px; background: white; font-size: 13px; @@ -1999,11 +1999,16 @@ body.ttrss_zoom div.post div.header .row { align-items: center; justify-content: space-between; } +body.ttrss_zoom div.post div.header .row h1 { + margin-top: 0; + margin-bottom: 8px; +} body.ttrss_zoom div.post .content { font-size: 15px; line-height: 1.5; border-width: 0; padding: 0; + padding-top: 8px; } body.ttrss_zoom div.post .content img, body.ttrss_zoom div.post .content video { @@ -2013,7 +2018,7 @@ body.ttrss_zoom div.post .content video { body.ttrss_zoom div.post .content blockquote { margin: 5px 0px 5px 0px; color: #555; - padding-left: 10px; + padding-left: 8px; border: 0px solid #ddd; border-left-width: 4px; } @@ -2023,8 +2028,7 @@ body.ttrss_zoom div.post .content code { font-size: 12px; } body.ttrss_zoom div.post .content pre { - margin: 5px 0px 5px 0px; - padding: 10px; + padding: 8px; color: #555; font-family: monospace; font-size: 12px; diff --git a/themes/compact_night.css b/themes/compact_night.css index 1870f963b..4ab4ffe24 100644 --- a/themes/compact_night.css +++ b/themes/compact_night.css @@ -1976,8 +1976,8 @@ body.ttrss_zoom div.post .attachments { display: none; } body.ttrss_zoom div.post div.header { - padding-bottom: 10px; - border: 0px solid #222; + padding-bottom: 8px; + border: 0 solid #222; border-bottom-width: 1px; background: #333; font-size: 13px; @@ -1990,11 +1990,16 @@ body.ttrss_zoom div.post div.header .row { align-items: center; justify-content: space-between; } +body.ttrss_zoom div.post div.header .row h1 { + margin-top: 0; + margin-bottom: 8px; +} body.ttrss_zoom div.post .content { font-size: 15px; line-height: 1.5; border-width: 0; padding: 0; + padding-top: 8px; } body.ttrss_zoom div.post .content img, body.ttrss_zoom div.post .content video { @@ -2004,7 +2009,7 @@ body.ttrss_zoom div.post .content video { body.ttrss_zoom div.post .content blockquote { margin: 5px 0px 5px 0px; color: #ccc; - padding-left: 10px; + padding-left: 8px; border: 0px solid #222; border-left-width: 4px; } @@ -2014,8 +2019,7 @@ body.ttrss_zoom div.post .content code { font-size: 12px; } body.ttrss_zoom div.post .content pre { - margin: 5px 0px 5px 0px; - padding: 10px; + padding: 8px; color: #ccc; font-family: monospace; font-size: 12px; diff --git a/themes/light.css b/themes/light.css index 0619476cf..70c3fb47c 100644 --- a/themes/light.css +++ b/themes/light.css @@ -1985,8 +1985,8 @@ body.ttrss_zoom div.post .attachments { display: none; } body.ttrss_zoom div.post div.header { - padding-bottom: 10px; - border: 0px solid #ddd; + padding-bottom: 8px; + border: 0 solid #ddd; border-bottom-width: 1px; background: white; font-size: 13px; @@ -1999,11 +1999,16 @@ body.ttrss_zoom div.post div.header .row { align-items: center; justify-content: space-between; } +body.ttrss_zoom div.post div.header .row h1 { + margin-top: 0; + margin-bottom: 8px; +} body.ttrss_zoom div.post .content { font-size: 15px; line-height: 1.5; border-width: 0; padding: 0; + padding-top: 8px; } body.ttrss_zoom div.post .content img, body.ttrss_zoom div.post .content video { @@ -2013,7 +2018,7 @@ body.ttrss_zoom div.post .content video { body.ttrss_zoom div.post .content blockquote { margin: 5px 0px 5px 0px; color: #555; - padding-left: 10px; + padding-left: 8px; border: 0px solid #ddd; border-left-width: 4px; } @@ -2023,8 +2028,7 @@ body.ttrss_zoom div.post .content code { font-size: 12px; } body.ttrss_zoom div.post .content pre { - margin: 5px 0px 5px 0px; - padding: 10px; + padding: 8px; color: #555; font-family: monospace; font-size: 12px; diff --git a/themes/light/zoom.less b/themes/light/zoom.less index fd39e5b76..3318482c2 100644 --- a/themes/light/zoom.less +++ b/themes/light/zoom.less @@ -12,8 +12,8 @@ body.ttrss_zoom { } div.header { - padding-bottom : 10px; - border: 0px solid @border-default; + padding-bottom : 8px; + border: 0 solid @border-default; border-bottom-width: 1px; background : @default-bg; font-size : @font-size-toolbar; @@ -25,6 +25,11 @@ body.ttrss_zoom { flex-wrap : nowrap; align-items : center; justify-content : space-between; + + h1 { + margin-top : 0; + margin-bottom : 8px; + } } } @@ -33,6 +38,7 @@ body.ttrss_zoom { line-height : 1.5; border-width : 0; padding : 0; + padding-top : 8px; img, video { max-width : 760px; @@ -42,7 +48,7 @@ body.ttrss_zoom { blockquote { margin : 5px 0px 5px 0px; color : @default-text; - padding-left : 10px; + padding-left : 8px; border: 0px solid @border-default; border-left-width: 4px; } @@ -54,8 +60,7 @@ body.ttrss_zoom { } pre { - margin : 5px 0px 5px 0px; - padding : 10px; + padding : 8px; color : @default-text; font-family : monospace; font-size : 12px; diff --git a/themes/night.css b/themes/night.css index 5b13ad506..f5af03634 100644 --- a/themes/night.css +++ b/themes/night.css @@ -1977,8 +1977,8 @@ body.ttrss_zoom div.post .attachments { display: none; } body.ttrss_zoom div.post div.header { - padding-bottom: 10px; - border: 0px solid #222; + padding-bottom: 8px; + border: 0 solid #222; border-bottom-width: 1px; background: #333; font-size: 13px; @@ -1991,11 +1991,16 @@ body.ttrss_zoom div.post div.header .row { align-items: center; justify-content: space-between; } +body.ttrss_zoom div.post div.header .row h1 { + margin-top: 0; + margin-bottom: 8px; +} body.ttrss_zoom div.post .content { font-size: 15px; line-height: 1.5; border-width: 0; padding: 0; + padding-top: 8px; } body.ttrss_zoom div.post .content img, body.ttrss_zoom div.post .content video { @@ -2005,7 +2010,7 @@ body.ttrss_zoom div.post .content video { body.ttrss_zoom div.post .content blockquote { margin: 5px 0px 5px 0px; color: #ccc; - padding-left: 10px; + padding-left: 8px; border: 0px solid #222; border-left-width: 4px; } @@ -2015,8 +2020,7 @@ body.ttrss_zoom div.post .content code { font-size: 12px; } body.ttrss_zoom div.post .content pre { - margin: 5px 0px 5px 0px; - padding: 10px; + padding: 8px; color: #ccc; font-family: monospace; font-size: 12px; diff --git a/themes/night_blue.css b/themes/night_blue.css index 1471d6e69..023c4b5f5 100644 --- a/themes/night_blue.css +++ b/themes/night_blue.css @@ -1977,8 +1977,8 @@ body.ttrss_zoom div.post .attachments { display: none; } body.ttrss_zoom div.post div.header { - padding-bottom: 10px; - border: 0px solid #222; + padding-bottom: 8px; + border: 0 solid #222; border-bottom-width: 1px; background: #333; font-size: 13px; @@ -1991,11 +1991,16 @@ body.ttrss_zoom div.post div.header .row { align-items: center; justify-content: space-between; } +body.ttrss_zoom div.post div.header .row h1 { + margin-top: 0; + margin-bottom: 8px; +} body.ttrss_zoom div.post .content { font-size: 15px; line-height: 1.5; border-width: 0; padding: 0; + padding-top: 8px; } body.ttrss_zoom div.post .content img, body.ttrss_zoom div.post .content video { @@ -2005,7 +2010,7 @@ body.ttrss_zoom div.post .content video { body.ttrss_zoom div.post .content blockquote { margin: 5px 0px 5px 0px; color: #ccc; - padding-left: 10px; + padding-left: 8px; border: 0px solid #222; border-left-width: 4px; } @@ -2015,8 +2020,7 @@ body.ttrss_zoom div.post .content code { font-size: 12px; } body.ttrss_zoom div.post .content pre { - margin: 5px 0px 5px 0px; - padding: 10px; + padding: 8px; color: #ccc; font-family: monospace; font-size: 12px;