Browse Source

minor css fixes (mostly for zoom mode)

Andrew Dolgov 3 months ago
parent
commit
07fd4f8d9d
6 changed files with 163 additions and 170 deletions
  1. 3 3
      classes/article.php
  2. 2 2
      classes/feeds.php
  3. 76 83
      css/cdm.less
  4. 1 1
      css/default.css
  5. 80 80
      css/zoom.less
  6. 1 1
      include/version.php

+ 3 - 3
classes/article.php

@@ -620,13 +620,13 @@ class Article extends Handler_Protected {
 				} else {
 					$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 ".
 					_ngettext("comment", "comments", $num_comments)."</a>";
 
 			} else {
 				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
 
-			$rv['content'] .= "<div class='postTags' style='float : right'>
+			$rv['content'] .= "<div class='tags' style='float : right'>
 				<img src='images/tag.png'
 				class='tagsPic' alt='Tags' title='Tags'>&nbsp;";
 

+ 2 - 2
classes/feeds.php

@@ -634,13 +634,13 @@ class Feeds extends Handler_Protected {
 						} else {
 							$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 ".
 							_ngettext("comment", "comments", $num_comments)."</a>";
 
 					} else {
 						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>";
 						}
 					}
 

+ 76 - 83
css/cdm.less

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


+ 80 - 80
css/zoom.less

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

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