minor css fixes (mostly for zoom mode)

master
Andrew Dolgov 6 years ago
parent add558e7e5
commit 07fd4f8d9d

@ -620,13 +620,13 @@ class Article extends Handler_Protected {
} else { } else {
$comments_url = htmlspecialchars($line["link"]); $comments_url = htmlspecialchars($line["link"]);
} }
$entry_comments = "<a class=\"postComments\" $entry_comments = "<a class=\"comments\"
target='_blank' rel=\"noopener noreferrer\" href=\"$comments_url\">$num_comments ". target='_blank' rel=\"noopener noreferrer\" href=\"$comments_url\">$num_comments ".
_ngettext("comment", "comments", $num_comments)."</a>"; _ngettext("comment", "comments", $num_comments)."</a>";
} else { } else {
if ($line["comments"] && $line["link"] != $line["comments"]) { if ($line["comments"] && $line["link"] != $line["comments"]) {
$entry_comments = "<a class=\"postComments\" target='_blank' rel=\"noopener noreferrer\" href=\"".htmlspecialchars($line["comments"])."\">".__("comments")."</a>"; $entry_comments = "<a class=\"comments\" target='_blank' rel=\"noopener noreferrer\" href=\"".htmlspecialchars($line["comments"])."\">".__("comments")."</a>";
} }
} }
@ -720,7 +720,7 @@ class Article extends Handler_Protected {
if (!$entry_comments) $entry_comments = "&nbsp;"; # placeholder if (!$entry_comments) $entry_comments = "&nbsp;"; # placeholder
$rv['content'] .= "<div class='postTags' style='float : right'> $rv['content'] .= "<div class='tags' style='float : right'>
<img src='images/tag.png' <img src='images/tag.png'
class='tagsPic' alt='Tags' title='Tags'>&nbsp;"; class='tagsPic' alt='Tags' title='Tags'>&nbsp;";

@ -634,13 +634,13 @@ class Feeds extends Handler_Protected {
} else { } else {
$comments_url = htmlspecialchars($line["link"]); $comments_url = htmlspecialchars($line["link"]);
} }
$entry_comments = "<a class=\"postComments\" $entry_comments = "<a class=\"comments\"
target='_blank' rel='noopener noreferrer' href=\"$comments_url\">$num_comments ". target='_blank' rel='noopener noreferrer' href=\"$comments_url\">$num_comments ".
_ngettext("comment", "comments", $num_comments)."</a>"; _ngettext("comment", "comments", $num_comments)."</a>";
} else { } else {
if ($line["comments"] && $line["link"] != $line["comments"]) { if ($line["comments"] && $line["link"] != $line["comments"]) {
$entry_comments = "<a class=\"postComments\" target='_blank' rel='noopener noreferrer' href=\"".htmlspecialchars($line["comments"])."\">".__("comments")."</a>"; $entry_comments = "<a class=\"comments\" target='_blank' rel='noopener noreferrer' href=\"".htmlspecialchars($line["comments"])."\">".__("comments")."</a>";
} }
} }

@ -152,75 +152,69 @@ div.cdm.active div.content {
color : black; color : black;
} }
span.cdmExcerpt { .cdm {
white-space : nowrap; div.content div.postEnclosures {
font-size : 11px; margin-top: 1em;
color : #999; color: @default-text;
font-weight : normal; }
cursor : pointer;
}
div.content div.postEnclosures {
margin-top : 1em;
color : @default-text;
}
div.feed-title { div.feed-title {
border: 0px solid @color-link; border: 0px solid @color-link;
border-bottom-width: 1px; border-bottom-width: 1px;
padding : 5px 3px 5px 5px; padding: 5px 3px 5px 5px;
} }
div.feed-title a.title { div.feed-title a.title {
color : @default-text; color: @default-text;
font-weight : bold; font-weight: bold;
} }
div.feed-title a { div.feed-title a {
color : @default-text; color: @default-text;
} }
div.feed-title a:hover { div.feed-title a:hover {
color : @color-link; color: @color-link;
} }
div.header span.feed { div.header span.feed {
float : right; float: right;
font-weight : normal; font-weight: normal;
font-style : italic; font-style: italic;
} }
div.header div.feed, div.header div.feed a { div.header div.feed, div.header div.feed a {
vertical-align : middle; vertical-align: middle;
color : @default-text; color: @default-text;
font-weight : normal; font-weight: normal;
font-style : italic; font-style: italic;
font-size : 11px; font-size: 11px;
} }
div.cdm .feed a { div.content-inner p {
border-radius : 4px; /*max-width : 650px;*/
display : inline-block; -webkit-hyphens: auto;
padding : 1px 4px 1px 4px; -moz-hyphens: auto;
} hyphens: auto;
}
div.content-inner p { div.content-inner iframe {
/*max-width : 650px;*/ min-width : 50%;
-webkit-hyphens: auto; max-width : 98%;
-moz-hyphens: auto; }
hyphens: auto;
}
div.content-inner iframe { div.header span.author {
min-width : 50%; white-space : nowrap;
max-width : 98%; color : @default-text;
} font-size : 11px;
font-weight : normal;
}
div.header span.author { .feed a {
white-space : nowrap; border-radius : 4px;
color : @default-text; display : inline-block;
font-size : 11px; padding : 1px 4px 1px 4px;
font-weight : normal; }
} }
div#floatingTitle { div#floatingTitle {
@ -302,6 +296,29 @@ div#floatingTitle {
display : none; display : none;
} }
.feed-title {
> * {
display : table-cell;
vertical-align : middle;
}
a.title {
width : 100%;
}
a.catchup {
text-align : right;
color : @default-text;
padding-right : 10px;
font-size : 11px;
white-space : nowrap;
}
a.catchup:hover {
color : @color-link;
}
}
} }
div#floatingTitle.Unread a.title { div#floatingTitle.Unread a.title {
@ -333,27 +350,3 @@ div#floatingTitle.Unread a.title {
text-decoration : line-through; text-decoration : line-through;
} }
.feed-title {
> * {
display : table-cell;
vertical-align : middle;
}
a.title {
width : 100%;
}
a.catchup {
text-align : right;
color : @default-text;
padding-right : 10px;
font-size : 11px;
white-space : nowrap;
}
a.catchup:hover {
color : @color-link;
}
}

File diff suppressed because one or more lines are too long

@ -5,104 +5,104 @@ body.ttrss_zoom {
max-width : 800px; max-width : 800px;
background : #f5f5f5; background : #f5f5f5;
div.header { div.post {
margin : 10px; border : 1px solid #ddd;
padding-bottom : 10px;
border: 0px solid #eee;
border-bottom-width: 1px;
background : white; background : white;
font-size : 12px; box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
color : #555;
.author {
font-size : 11px;
}
div.feed-title {
float : left;
text-align : right;
}
a.postComments {
text-align : right;
}
div.date {
float : none;
text-align : right;
margin-bottom : 5px;
}
div.postTags {
}
div.postTags img { div.header {
vertical-align : middle; margin : 10px;
} padding-bottom : 10px;
border: 0px solid #eee;
border-bottom-width: 1px;
background : white;
font-size : 12px;
color : #555;
div.postTitle { .author {
white-space : normal; font-size : 11px;
font-size : 16px; }
margin-bottom : 5px;
}
} div.feed-title {
float : left;
text-align : right;
}
p { a.comments {
-webkit-hyphens: auto; text-align : right;
-moz-hyphens: auto; }
hyphens: auto;
}
div.post { div.date {
border : 1px solid #ddd; float : none;
background : white; text-align : right;
box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); margin-bottom : 5px;
} }
div.footer { div.tags {
margin-top : 1em;
text-align : center;
}
}
div.content { div.tags img {
font-size : 15px; vertical-align : middle;
line-height : 1.5; }
padding : 10px;
img, video { div.title {
max-width : 760px; white-space : normal;
height : auto; font-size : 16px;
margin-bottom : 5px;
}
} }
blockquote { p {
margin : 5px 0px 5px 0px; -webkit-hyphens: auto;
color : @default-text; -moz-hyphens: auto;
padding-left : 10px; hyphens: auto;
border: 0px solid #ccc;
border-left-width: 4px;
} }
code { div.footer {
color : #009900; margin-top : 1em;
font-family : monospace; text-align : center;
font-size : 12px;
} }
pre { div.content {
margin : 5px 0px 5px 0px; font-size : 15px;
line-height : 1.5;
padding : 10px; padding : 10px;
color : @default-text; border-width : 0px;
font-family : monospace;
font-size : 12px; img, video {
border: 0px solid #ccc; max-width : 760px;
background : #f5f5f5; height : auto;
display : block; }
max-width : 98%;
overflow : auto; blockquote {
margin : 5px 0px 5px 0px;
color : @default-text;
padding-left : 10px;
border: 0px solid #ccc;
border-left-width: 4px;
}
code {
color : #009900;
font-family : monospace;
font-size : 12px;
}
pre {
margin : 5px 0px 5px 0px;
padding : 10px;
color : @default-text;
font-family : monospace;
font-size : 12px;
border: 0px solid #ccc;
background : #f5f5f5;
display : block;
max-width : 98%;
overflow : auto;
}
} }
} }
} }

@ -1,5 +1,5 @@
<?php <?php
define('VERSION_STATIC', '18.8'); define('VERSION_STATIC', '18.12');
function get_version() { function get_version() {
date_default_timezone_set('UTC'); date_default_timezone_set('UTC');

Loading…
Cancel
Save