improved: Pafat theme aside bar (#4792)

4 files changed, 42 insertions, 10 deletions

diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index 4542120c5..d3da2d977 100644
--- a/p/themes/Pafat/pafat.css
+++ b/p/themes/Pafat/pafat.css
@@ -429,15 +429,18 @@ a.btn {
 	margin: 10px 0;
 }
 
+.tree-folder {
+	padding: 0.25rem 0.5rem;
+}
+
 .tree-folder-title {
-	margin: 5px;
 	padding: 0.125rem 0.5rem;
 	background: #5bc0de;
 	color: #fff;
 	font-size: 0.9rem;
 	border-top: 1px solid transparent;
 	border-bottom: 1px solid transparent;
-	border-radius: 5px;
+	border-radius: 0.25rem;
 	position: relative;
 	line-height: 2rem;
 }
@@ -459,12 +462,21 @@ a.btn {
 	border-bottom: 1px solid #666;
 }
 
-.tree-folder-items > .item {
-	padding: 0 10px;
+.aside_feed .configure-feeds .btn {
+	padding: 0.125rem 0.75rem;
+}
+
+
+.aside_feed .tree-folder-items > .item.feed {
+	padding: 0 0.5rem;
 	line-height: 2.5rem;
 	font-size: 0.8rem;
 }
 
+.aside .feed .item-title:not([data-unread="0"])::after {
+	right: 0.5rem;
+}
+
 .tree-folder-items > .item.active {
 	background: #5cb85c;
 }
@@ -548,6 +560,10 @@ a.signin {
 	color: white;
 }
 
+.aside.aside_feed .tree-folder.category.active .feed .item-title:not([data-unread="0"])::after {
+	background-color: #39b3d7;
+}
+
 .aside.aside_feed .category .title:not([data-unread="0"])::after {
 	right: 0.5rem;
 }
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index 820c1f46e..1db381e74 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/p/themes/Pafat/pafat.rtl.css
@@ -429,15 +429,18 @@ a.btn {
 	margin: 10px 0;
 }
 
+.tree-folder {
+	padding: 0.25rem 0.5rem;
+}
+
 .tree-folder-title {
-	margin: 5px;
 	padding: 0.125rem 0.5rem;
 	background: #5bc0de;
 	color: #fff;
 	font-size: 0.9rem;
 	border-top: 1px solid transparent;
 	border-bottom: 1px solid transparent;
-	border-radius: 5px;
+	border-radius: 0.25rem;
 	position: relative;
 	line-height: 2rem;
 }
@@ -459,12 +462,21 @@ a.btn {
 	border-bottom: 1px solid #666;
 }
 
-.tree-folder-items > .item {
-	padding: 0 10px;
+.aside_feed .configure-feeds .btn {
+	padding: 0.125rem 0.75rem;
+}
+
+
+.aside_feed .tree-folder-items > .item.feed {
+	padding: 0 0.5rem;
 	line-height: 2.5rem;
 	font-size: 0.8rem;
 }
 
+.aside .feed .item-title:not([data-unread="0"])::after {
+	left: 0.5rem;
+}
+
 .tree-folder-items > .item.active {
 	background: #5cb85c;
 }
@@ -548,6 +560,10 @@ a.signin {
 	color: white;
 }
 
+.aside.aside_feed .tree-folder.category.active .feed .item-title:not([data-unread="0"])::after {
+	background-color: #39b3d7;
+}
+
 .aside.aside_feed .category .title:not([data-unread="0"])::after {
 	left: 0.5rem;
 }
diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index 8c1fd1cdb..cac5d2f5d 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -1836,7 +1836,7 @@ input:checked + .slide-container .properties {
 
 .feed .item-title:not([data-unread="0"]) {
 	font-weight: bold;
-	width: calc(100% - 80px);
+	width: calc(100% - 5.5rem);
 }
 
 .state_unread .category:not(.active)[data-unread="0"],
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index 93326f96c..1d68aaee5 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -1836,7 +1836,7 @@ input:checked + .slide-container .properties {
 
 .feed .item-title:not([data-unread="0"]) {
 	font-weight: bold;
-	width: calc(100% - 80px);
+	width: calc(100% - 5.5rem);
 }
 
 .state_unread .category:not(.active)[data-unread="0"],