Repos / pytaku / 5c2e15a85a
commit 5c2e15a85a83471889083cb3cf759076fa4cf7dc
Author: Bùi Thành Nhân <hi@imnhan.com>
Date: Wed Jan 27 23:07:41 2021 +0700
fix extra blank space below spoiler
diff --git a/src/pytaku/static/spa.css b/src/pytaku/static/spa.css
index bed5285..43efd93 100644
--- a/src/pytaku/static/spa.css
+++ b/src/pytaku/static/spa.css
@@ -347,10 +347,28 @@ .title--details > * {
margin-right: 0.3rem;
flex-shrink: 1;
}
+
.title--descriptions {
background-color: #eee;
padding: 0.5em;
}
+.title--descriptions details + br {
+ display: none;
+ /* Mangadex tweak:
+ *
+ * Their "spoiler" implementation is an inline button which doesn't naturally
+ * have a line break, so description writers usually compensate by 2 <brs>.
+ *
+ * Ours is a bog standard <details> tag which already causes a natural line
+ * break, adding to the 2 <br>s causing too much vertical whitespace. This
+ * selector practically throws out the first <br> to make it look the same as
+ * kissmanga's.
+ *
+ * Maybe the <br> should be removed in mangadex source site logic instead.
+ * TODO: revisit this choice when a new source site with rich text
+ * description is implemented.
+ */
+}
@media (max-width: 399px) {
.title--details {