index: fix misaligned column break in webkit
authorMischa POSLAWSKY <perl@shiar.org>
Sun, 11 Jun 2017 00:00:30 +0000 (02:00 +0200)
committerMischa POSLAWSKY <perl@shiar.org>
Mon, 17 Jul 2017 15:13:42 +0000 (17:13 +0200)
Workaround bug in at least Chrome, where initial margin seems to apply
after column calculation, causing word-wrapped navigation titles to be
broken across multiple columns.

base.css

index 3dc8bd9..805bb3d 100644 (file)
--- a/base.css
+++ b/base.css
@@ -706,6 +706,7 @@ nav > .section {
        break-inside: avoid;
        -webkit-column-break-inside: avoid; /* webkit */
        page-break-inside: avoid; /* moz */
+       overflow: hidden; /* webkit workaround */
 }
 #index nav a {
        display: inline-block;