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 {