Improved: better semantic HTML for boxes (#4665)

* add h1 title on views

* add h2 titles into box-title

* thin scrollbar in box-content

2 files changed, 16 insertions, 0 deletions

diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css
index 46fffb826..fdc99e8a7 100644
--- a/p/themes/base-theme/frss.css
+++ b/p/themes/base-theme/frss.css
@@ -102,6 +102,10 @@ h3 {
 	line-height: 1.5;
 }
 
+.title_hidden {
+	display: none;
+}
+
 /*=== Paragraphs */
 p {
 	margin: 1rem 0 0.5rem;
@@ -795,6 +799,10 @@ input[type="checkbox"]:focus-visible {
 
 .box .box-title {
 	position: relative;
+}
+
+.box .box-title h2 {
+	display: inline;
 	font-size: 1.2rem;
 	font-weight: bold;
 }
diff --git a/p/themes/base-theme/frss.rtl.css b/p/themes/base-theme/frss.rtl.css
index 4d731e6f7..5d3b0eab7 100644
--- a/p/themes/base-theme/frss.rtl.css
+++ b/p/themes/base-theme/frss.rtl.css
@@ -102,6 +102,10 @@ h3 {
 	line-height: 1.5;
 }
 
+.title_hidden {
+	display: none;
+}
+
 /*=== Paragraphs */
 p {
 	margin: 1rem 0 0.5rem;
@@ -795,6 +799,10 @@ input[type="checkbox"]:focus-visible {
 
 .box .box-title {
 	position: relative;
+}
+
+.box .box-title h2 {
+	display: inline;
 	font-size: 1.2rem;
 	font-weight: bold;
 }