Browse Source

rework some styles related to three panel mode

Andrew Dolgov 3 months ago
parent
commit
add558e7e5
5 changed files with 21 additions and 21 deletions
  1. 8 8
      classes/article.php
  2. 1 1
      css/default.css
  3. 6 6
      css/tt-rss.less
  4. 5 5
      css/zoom.less
  5. 1 1
      plugins/embed_original/init.js

+ 8 - 8
classes/article.php

@@ -678,9 +678,9 @@ class Article extends Handler_Protected {
 				$rv['content'] .= "<body class=\"claro ttrss_utility ttrss_zoom\">";
 			}
 
-			$rv['content'] .= "<div class=\"postReply\" id=\"POST-$id\">";
+			$rv['content'] .= "<div class=\"post\" id=\"POST-$id\">";
 
-			$rv['content'] .= "<div class=\"postHeader\" id=\"POSTHDR-$id\">";
+			$rv['content'] .= "<div class=\"header\">";
 
 			$entry_author = $line["author"];
 
@@ -692,25 +692,25 @@ class Article extends Handler_Protected {
 				$owner_uid, true);
 
 			if (!$zoom_mode)
-				$rv['content'] .= "<div class=\"postDate\">$parsed_updated</div>";
+				$rv['content'] .= "<div class=\"date\">$parsed_updated</div>";
 
 			if ($line["link"]) {
-				$rv['content'] .= "<div class='postTitle'><a target='_blank' rel='noopener noreferrer'
+				$rv['content'] .= "<div class='title'><a target='_blank' rel='noopener noreferrer'
 					title=\"".htmlspecialchars($line['title'])."\"
 					href=\"" .
 					htmlspecialchars($line["link"]) . "\">" .
 					$line["title"] . "</a>" .
 					"<span class='author'>$entry_author</span></div>";
 			} else {
-				$rv['content'] .= "<div class='postTitle'>" . $line["title"] . "$entry_author</div>";
+				$rv['content'] .= "<div class='title'>" . $line["title"] . "$entry_author</div>";
 			}
 
 			if ($zoom_mode) {
 				$feed_title = htmlspecialchars($line["feed_title"]);
 
-				$rv['content'] .= "<div class=\"postFeedTitle\">$feed_title</div>";
+				$rv['content'] .= "<div class=\"feed-title\">$feed_title</div>";
 
-				$rv['content'] .= "<div class=\"postDate\">$parsed_updated</div>";
+				$rv['content'] .= "<div class=\"date\">$parsed_updated</div>";
 			}
 
 			$tags_str = Article::format_tags_string($line["tags"], $id);
@@ -786,7 +786,7 @@ class Article extends Handler_Protected {
 
 			if (!$line['lang']) $line['lang'] = 'en';
 
-			$rv['content'] .= "<div class=\"postContent\" lang=\"".$line['lang']."\">";
+			$rv['content'] .= "<div class=\"content\" lang=\"".$line['lang']."\">";
 
 			$rv['content'] .= $line["content"];
 

File diff suppressed because it is too large
+ 1 - 1
css/default.css


+ 6 - 6
css/tt-rss.less

@@ -9,17 +9,17 @@ body.ttrss_main {
 		outline: none;
 	}
 
-	div.postReply {
+	div.post {
 		padding : 0px;
 
-		div.postHeader {
+		div.header {
 			padding : 5px;
 			color : #909090;
 			border: 0px solid #ddd;
 			border-bottom-width: 1px;
 			background: #f0f0f0;
 
-			div.postDate {
+			div.date {
 				text-align : right;
 				float : right;
 			}
@@ -35,7 +35,7 @@ body.ttrss_main {
 			}
 		}
 
-		div.postTitle {
+		div.title {
 			overflow : hidden;
 			font-size : 15px;
 			text-overflow: ellipsis;
@@ -45,11 +45,11 @@ body.ttrss_main {
 			font-family : @fonts-ui-bold;
 		}
 
-		div.postDate {
+		div.date {
 			padding-left : 10px;
 		}
 
-		div.postContent {
+		div.content {
 			padding : 10px;
 			font-size : 16px;
 

+ 5 - 5
css/zoom.less

@@ -5,7 +5,7 @@ body.ttrss_zoom {
 	max-width : 800px;
 	background : #f5f5f5;
 
-	div.postHeader {
+	div.header {
 		margin : 10px;
 		padding-bottom : 10px;
 		border: 0px solid #eee;
@@ -18,7 +18,7 @@ body.ttrss_zoom {
 			font-size : 11px;
 		}
 
-		div.postFeedTitle {
+		div.feed-title {
 			float : left;
 			text-align : right;
 		}
@@ -27,7 +27,7 @@ body.ttrss_zoom {
 			text-align : right;
 		}
 
-		div.postDate {
+		div.date {
 			float : none;
 			text-align : right;
 			margin-bottom : 5px;
@@ -55,7 +55,7 @@ body.ttrss_zoom {
 		hyphens: auto;
 	}
 
-	div.postReply {
+	div.post {
 		border : 1px solid #ddd;
 		background : white;
 		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
@@ -67,7 +67,7 @@ body.ttrss_zoom {
 	}
 
 
-	div.postContent {
+	div.content {
 		font-size : 15px;
 		line-height : 1.5;
 		padding : 10px;

+ 1 - 1
plugins/embed_original/init.js

@@ -12,7 +12,7 @@ function embedOriginalArticle(id) {
 		if (isCdmMode()) {
 			c = $$("div#RROW-" + id + " div[class=content-inner]")[0];
 		} else if (id == getActiveArticleId()) {
-			c = $$("div[class=postContent]")[0];
+			c = $$(".post .content")[0];
 		}
 
 		if (c) {