unicode: support columns in webkit browsers
authorMischa POSLAWSKY <perl@shiar.org>
Tue, 3 Apr 2012 17:10:33 +0000 (19:10 +0200)
committerMischa POSLAWSKY <perl@shiar.org>
Tue, 10 Apr 2012 01:03:24 +0000 (03:03 +0200)
Still a little buggy by default, but can be worked around at least in
Chromium 16.

base.css

index 509d646..37a5716 100644 (file)
--- a/base.css
+++ b/base.css
@@ -263,10 +263,14 @@ table.dimap {
 
 .diinfo {
        -moz-column-width: 24em;
+       -webkit-column-width: 24em;
        column-width: 24em;
 }
 .diinfo > div {
        overflow: hidden;
+       column-break-inside: avoid;
+       -webkit-column-break-inside: avoid;
+       position: relative; z-index: 1; /* webkit bug */
 }
 
 /* glyph cell overlay (digraph labels) */