valvin
/
ttrss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update zoom layout a bit

This commit is contained in:
Andrew Dolgov 2021-03-11 22:08:40 +03:00
parent f67d2623b7
commit 6e0474a7c8
7 changed files with 65 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
plugins/share/init.php
View File

@ -189,17 +189,18 @@ class Share extends Plugin {
<body class='flat ttrss_utility ttrss_zoom css_loading'> <body class='flat ttrss_utility ttrss_zoom css_loading'>
<div class='container'> <div class='container'>
<?php if (!empty($line["link"])) { ?>
<h1>
<a target='_blank' rel='noopener noreferrer'
href="<?= htmlspecialchars($line["link"]) ?>"><?= htmlspecialchars($line["title"]) ?></a>
</h1>
<?php } else { ?>
<h1><?= $line["title"] ?></h1>
<?php } ?>
<div class='content post'> <div class='content post'>
<div class='header'> <div class='header'>
<div class='row'>
<?php if (!empty($line["link"])) { ?>
<h1>
<a rel='noopener noreferrer'
href="<?= htmlspecialchars($line["link"]) ?>"><?= htmlspecialchars($line["title"]) ?></a>
</h1>
<?php } else { ?>
<h1><?= $line["title"] ?></h1>
<?php } ?>
</div>
<div class='row'> <div class='row'>
<div><?= $line['author'] ?></div> <div><?= $line['author'] ?></div>
<div><?= $parsed_updated ?></div> <div><?= $parsed_updated ?></div>

14
themes/compact.css
View File

@ -1985,8 +1985,8 @@ body.ttrss_zoom div.post .attachments {
display: none; display: none;
} }
body.ttrss_zoom div.post div.header { body.ttrss_zoom div.post div.header {
padding-bottom: 10px; padding-bottom: 8px;
border: 0px solid #ddd; border: 0 solid #ddd;
border-bottom-width: 1px; border-bottom-width: 1px;
background: white; background: white;
font-size: 13px; font-size: 13px;
@ -1999,11 +1999,16 @@ body.ttrss_zoom div.post div.header .row {
align-items: center; align-items: center;
justify-content: space-between; 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 { body.ttrss_zoom div.post .content {
font-size: 15px; font-size: 15px;
line-height: 1.5; line-height: 1.5;
border-width: 0; border-width: 0;
padding: 0; padding: 0;
padding-top: 8px;
} }
body.ttrss_zoom div.post .content img, body.ttrss_zoom div.post .content img,
body.ttrss_zoom div.post .content video { 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 { body.ttrss_zoom div.post .content blockquote {
margin: 5px 0px 5px 0px; margin: 5px 0px 5px 0px;
color: #555; color: #555;
padding-left: 10px; padding-left: 8px;
border: 0px solid #ddd; border: 0px solid #ddd;
border-left-width: 4px; border-left-width: 4px;
} }
@ -2023,8 +2028,7 @@ body.ttrss_zoom div.post .content code {
font-size: 12px; font-size: 12px;
} }
body.ttrss_zoom div.post .content pre { body.ttrss_zoom div.post .content pre {
margin: 5px 0px 5px 0px; padding: 8px;
padding: 10px;
color: #555; color: #555;
font-family: monospace; font-family: monospace;
font-size: 12px; font-size: 12px;

14
themes/compact_night.css
View File

@ -1976,8 +1976,8 @@ body.ttrss_zoom div.post .attachments {
display: none; display: none;
} }
body.ttrss_zoom div.post div.header { body.ttrss_zoom div.post div.header {
padding-bottom: 10px; padding-bottom: 8px;
border: 0px solid #222; border: 0 solid #222;
border-bottom-width: 1px; border-bottom-width: 1px;
background: #333; background: #333;
font-size: 13px; font-size: 13px;
@ -1990,11 +1990,16 @@ body.ttrss_zoom div.post div.header .row {
align-items: center; align-items: center;
justify-content: space-between; 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 { body.ttrss_zoom div.post .content {
font-size: 15px; font-size: 15px;
line-height: 1.5; line-height: 1.5;
border-width: 0; border-width: 0;
padding: 0; padding: 0;
padding-top: 8px;
} }
body.ttrss_zoom div.post .content img, body.ttrss_zoom div.post .content img,
body.ttrss_zoom div.post .content video { 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 { body.ttrss_zoom div.post .content blockquote {
margin: 5px 0px 5px 0px; margin: 5px 0px 5px 0px;
color: #ccc; color: #ccc;
padding-left: 10px; padding-left: 8px;
border: 0px solid #222; border: 0px solid #222;
border-left-width: 4px; border-left-width: 4px;
} }
@ -2014,8 +2019,7 @@ body.ttrss_zoom div.post .content code {
font-size: 12px; font-size: 12px;
} }
body.ttrss_zoom div.post .content pre { body.ttrss_zoom div.post .content pre {
margin: 5px 0px 5px 0px; padding: 8px;
padding: 10px;
color: #ccc; color: #ccc;
font-family: monospace; font-family: monospace;
font-size: 12px; font-size: 12px;

14
themes/light.css
View File

@ -1985,8 +1985,8 @@ body.ttrss_zoom div.post .attachments {
display: none; display: none;
} }
body.ttrss_zoom div.post div.header { body.ttrss_zoom div.post div.header {
padding-bottom: 10px; padding-bottom: 8px;
border: 0px solid #ddd; border: 0 solid #ddd;
border-bottom-width: 1px; border-bottom-width: 1px;
background: white; background: white;
font-size: 13px; font-size: 13px;
@ -1999,11 +1999,16 @@ body.ttrss_zoom div.post div.header .row {
align-items: center; align-items: center;
justify-content: space-between; 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 { body.ttrss_zoom div.post .content {
font-size: 15px; font-size: 15px;
line-height: 1.5; line-height: 1.5;
border-width: 0; border-width: 0;
padding: 0; padding: 0;
padding-top: 8px;
} }
body.ttrss_zoom div.post .content img, body.ttrss_zoom div.post .content img,
body.ttrss_zoom div.post .content video { 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 { body.ttrss_zoom div.post .content blockquote {
margin: 5px 0px 5px 0px; margin: 5px 0px 5px 0px;
color: #555; color: #555;
padding-left: 10px; padding-left: 8px;
border: 0px solid #ddd; border: 0px solid #ddd;
border-left-width: 4px; border-left-width: 4px;
} }
@ -2023,8 +2028,7 @@ body.ttrss_zoom div.post .content code {
font-size: 12px; font-size: 12px;
} }
body.ttrss_zoom div.post .content pre { body.ttrss_zoom div.post .content pre {
margin: 5px 0px 5px 0px; padding: 8px;
padding: 10px;
color: #555; color: #555;
font-family: monospace; font-family: monospace;
font-size: 12px; font-size: 12px;

15
themes/light/zoom.less
View File

@ -12,8 +12,8 @@ body.ttrss_zoom {
} }
div.header { div.header {
padding-bottom : 10px; padding-bottom : 8px;
border: 0px solid @border-default; border: 0 solid @border-default;
border-bottom-width: 1px; border-bottom-width: 1px;
background : @default-bg; background : @default-bg;
font-size : @font-size-toolbar; font-size : @font-size-toolbar;
@ -25,6 +25,11 @@ body.ttrss_zoom {
flex-wrap : nowrap; flex-wrap : nowrap;
align-items : center; align-items : center;
justify-content : space-between; justify-content : space-between;
h1 {
margin-top : 0;
margin-bottom : 8px;
}
} }
} }
@ -33,6 +38,7 @@ body.ttrss_zoom {
line-height : 1.5; line-height : 1.5;
border-width : 0; border-width : 0;
padding : 0; padding : 0;
padding-top : 8px;
img, video { img, video {
max-width : 760px; max-width : 760px;
@ -42,7 +48,7 @@ body.ttrss_zoom {
blockquote { blockquote {
margin : 5px 0px 5px 0px; margin : 5px 0px 5px 0px;
color : @default-text; color : @default-text;
padding-left : 10px; padding-left : 8px;
border: 0px solid @border-default; border: 0px solid @border-default;
border-left-width: 4px; border-left-width: 4px;
} }
@ -54,8 +60,7 @@ body.ttrss_zoom {
} }
pre { pre {
margin : 5px 0px 5px 0px; padding : 8px;
padding : 10px;
color : @default-text; color : @default-text;
font-family : monospace; font-family : monospace;
font-size : 12px; font-size : 12px;

14
themes/night.css
View File

@ -1977,8 +1977,8 @@ body.ttrss_zoom div.post .attachments {
display: none; display: none;
} }
body.ttrss_zoom div.post div.header { body.ttrss_zoom div.post div.header {
padding-bottom: 10px; padding-bottom: 8px;
border: 0px solid #222; border: 0 solid #222;
border-bottom-width: 1px; border-bottom-width: 1px;
background: #333; background: #333;
font-size: 13px; font-size: 13px;
@ -1991,11 +1991,16 @@ body.ttrss_zoom div.post div.header .row {
align-items: center; align-items: center;
justify-content: space-between; 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 { body.ttrss_zoom div.post .content {
font-size: 15px; font-size: 15px;
line-height: 1.5; line-height: 1.5;
border-width: 0; border-width: 0;
padding: 0; padding: 0;
padding-top: 8px;
} }
body.ttrss_zoom div.post .content img, body.ttrss_zoom div.post .content img,
body.ttrss_zoom div.post .content video { 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 { body.ttrss_zoom div.post .content blockquote {
margin: 5px 0px 5px 0px; margin: 5px 0px 5px 0px;
color: #ccc; color: #ccc;
padding-left: 10px; padding-left: 8px;
border: 0px solid #222; border: 0px solid #222;
border-left-width: 4px; border-left-width: 4px;
} }
@ -2015,8 +2020,7 @@ body.ttrss_zoom div.post .content code {
font-size: 12px; font-size: 12px;
} }
body.ttrss_zoom div.post .content pre { body.ttrss_zoom div.post .content pre {
margin: 5px 0px 5px 0px; padding: 8px;
padding: 10px;
color: #ccc; color: #ccc;
font-family: monospace; font-family: monospace;
font-size: 12px; font-size: 12px;

14
themes/night_blue.css
View File

@ -1977,8 +1977,8 @@ body.ttrss_zoom div.post .attachments {
display: none; display: none;
} }
body.ttrss_zoom div.post div.header { body.ttrss_zoom div.post div.header {
padding-bottom: 10px; padding-bottom: 8px;
border: 0px solid #222; border: 0 solid #222;
border-bottom-width: 1px; border-bottom-width: 1px;
background: #333; background: #333;
font-size: 13px; font-size: 13px;
@ -1991,11 +1991,16 @@ body.ttrss_zoom div.post div.header .row {
align-items: center; align-items: center;
justify-content: space-between; 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 { body.ttrss_zoom div.post .content {
font-size: 15px; font-size: 15px;
line-height: 1.5; line-height: 1.5;
border-width: 0; border-width: 0;
padding: 0; padding: 0;
padding-top: 8px;
} }
body.ttrss_zoom div.post .content img, body.ttrss_zoom div.post .content img,
body.ttrss_zoom div.post .content video { 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 { body.ttrss_zoom div.post .content blockquote {
margin: 5px 0px 5px 0px; margin: 5px 0px 5px 0px;
color: #ccc; color: #ccc;
padding-left: 10px; padding-left: 8px;
border: 0px solid #222; border: 0px solid #222;
border-left-width: 4px; border-left-width: 4px;
} }
@ -2015,8 +2020,7 @@ body.ttrss_zoom div.post .content code {
font-size: 12px; font-size: 12px;
} }
body.ttrss_zoom div.post .content pre { body.ttrss_zoom div.post .content pre {
margin: 5px 0px 5px 0px; padding: 8px;
padding: 10px;
color: #ccc; color: #ccc;
font-family: monospace; font-family: monospace;
font-size: 12px; font-size: 12px;