update zoom layout a bit
This commit is contained in:
parent
f67d2623b7
commit
6e0474a7c8
|
@ -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'>
|
||||||
|
|
||||||
|
<div class='content post'>
|
||||||
|
<div class='header'>
|
||||||
|
<div class='row'>
|
||||||
<?php if (!empty($line["link"])) { ?>
|
<?php if (!empty($line["link"])) { ?>
|
||||||
<h1>
|
<h1>
|
||||||
<a target='_blank' rel='noopener noreferrer'
|
<a rel='noopener noreferrer'
|
||||||
href="<?= htmlspecialchars($line["link"]) ?>"><?= htmlspecialchars($line["title"]) ?></a>
|
href="<?= htmlspecialchars($line["link"]) ?>"><?= htmlspecialchars($line["title"]) ?></a>
|
||||||
</h1>
|
</h1>
|
||||||
<?php } else { ?>
|
<?php } else { ?>
|
||||||
<h1><?= $line["title"] ?></h1>
|
<h1><?= $line["title"] ?></h1>
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
|
</div>
|
||||||
<div class='content post'>
|
|
||||||
<div class='header'>
|
|
||||||
<div class='row'>
|
<div class='row'>
|
||||||
<div><?= $line['author'] ?></div>
|
<div><?= $line['author'] ?></div>
|
||||||
<div><?= $parsed_updated ?></div>
|
<div><?= $parsed_updated ?></div>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue