Add files via upload

Author: edmond-chow

sources/style.css

@@ -256,10 +256,6 @@
 			}
 			/* post */
 			@supports selector(::-webkit-scrollbar) {
-				body.blur post > sub-post > post-content > post-content-substance::-webkit-scrollbar-track:horizontal {
-					border-bottom-left-radius: 5px;
-					border-bottom-right-radius: 5px;
-				}
 				post > sub-post > post-content > post-content-substance::-webkit-scrollbar-thumb {
 					background-color: #4CAF50;
 					border: 4px solid transparent;
@@ -606,29 +602,36 @@
 			}
 			post > sub-post > post-content /* -> */ {
 				overflow: hidden;
-				margin-top: -16px;
 				flex-grow: 1;
 			}
-			post.tiny > sub-post > post-content {
+			post > sub-post > post-content.has-only-post {
+				margin-top: -16px;
+			}
+			post.tiny > sub-post > post-content.has-only-post {
 				margin-top: -12px;
 			}
 			body.blur post > sub-post > post-content {
 				border-bottom-left-radius: inherit;
 				border-bottom-right-radius: inherit;
 			}
 			post > sub-post > post-content > post-content-substance /* -> */ {
-				padding: 16px 40px 20px;
-				overflow: auto hidden;
+				overflow: auto;
+				padding: 0px 40px 20px;
+				box-sizing: border-box;
+				height: 100%;
 			}
 			post.tiny > sub-post > post-content > post-content-substance {
-				padding: 12px 30px 15px;
+				padding: 0px 30px 15px;
 			}
-			post > sub-post > post-content > post-content-substance.no-content {
-				padding-top: 0px;
+			post > sub-post > post-content.has-only-post > post-content-substance {
+				overflow: auto hidden;
+				padding-top: 16px;
 			}
-			body.blur post > sub-post > post-content > post-content-substance {
-				border-bottom-left-radius: inherit;
-				border-bottom-right-radius: inherit;
+			post.tiny > sub-post > post-content.has-only-post > post-content-substance {
+				padding-top: 12px;
+			}
+			post > sub-post > post-content > post-content-substance.no-content {
+				padding-bottom: 0px;
 			}
 			post > sub-post > scroll-into /* -> */ {
 				position: relative;
@@ -893,12 +896,6 @@
 			post > sub-post > post-content > post-content-substance:not(:first-of-type) {
 				display: none;
 			}
-			post > sub-post > post-content > post-content-substance:not(.has-only-post) > post:first-of-type {
-				padding-top: 20px;
-			}
-			post.tiny > sub-post > post-content > post-content-substance:not(.has-only-post) > post:first-of-type {
-				padding-top: 15px;
-			}
 			post > sub-post > scroll-into:not(:first-of-type) {
 				display: none;
 			}
@@ -919,6 +916,12 @@
 			post > sub-post > post-leader > post-leader-advance > :not(button.advance, dropdown.has-single-button) {
 				display: none;
 			}
+			post > sub-post > post-content:not(.has-only-post) > post-content-substance > post:first-of-type {
+				padding-top: 20px;
+			}
+			post.tiny > sub-post > post-content:not(.has-only-post) > post-content-substance > post:first-of-type {
+				padding-top: 15px;
+			}
 		}
 	}
 	@layer backdrop-before {

sources/style.js

@@ -793,8 +793,8 @@
 				value.postContentSubstanceNode.classList.add('no-content');
 			}
 			/* '.has-only-post' for the 'post > sub-post > post-content's */
-			let hasOnlyPost = (parentNode) => {
-				return Array.from(parentNode.childNodes).every((value) => {
+			let hasOnlyPost = (postContentSubstanceNode) => {
+				return Array.from(postContentSubstanceNode.childNodes).every((value) => {
 					if (value.nodeName == '#comment') {
 						return true;
 					} else if (value.nodeName == '#text' && value.wholeText.removeSpace() == '') {
@@ -811,9 +811,9 @@
 				});
 			};
 			if (hasOnlyPost(value.postContentSubstanceNode)) {
-				value.postContentSubstanceNode.classList.add('has-only-post');
+				value.postContentNode.classList.add('has-only-post');
 			} else {
-				value.postContentSubstanceNode.classList.remove('has-only-post');
+				value.postContentNode.classList.remove('has-only-post');
 			}
 			/* '.non-blur' for the 'post's */
 			if (value.postNode.hasAttribute('marker')) {