diff options
author | 2020-10-30 21:31:19 +0000 | |
---|---|---|
committer | 2020-10-30 21:31:19 +0000 | |
commit | c4f9f177078f2021260b89e4ea531f0d4802b335 (patch) | |
tree | 5fa7333ea8d4aa367e26499518eb49c7cfe9e37a /usr.bin/mandoc | |
parent | Use a 64MB block to load the kernel to deal with kernel growth. (diff) | |
download | wireguard-openbsd-c4f9f177078f2021260b89e4ea531f0d4802b335.tar.xz wireguard-openbsd-c4f9f177078f2021260b89e4ea531f0d4802b335.zip |
Finally get rid of the "overflow: auto" property of ".Bl-tag > dd"
which has long been know to cause ugly and pointless scroll bars.
Matthew Martin <phy1729 at gmail dot com>
helpfully explained the following two points to me:
1. What we need to do here is establish a new block formatting
context such that the first line of the <dd> content moves down
rather than to the right if the preceding <dt> is wide.
2. A comprehensive list of methods
to establish block formatting context is available in:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
In that list, i found that "column-count: 1" does the job.
It is part of CSS Multi-column Layout Level 1.
While that is still in Working Draft status according to
https://www.w3.org/Style/CSS/current-work ,
it is fully supported by all browsers according to
https://developer.mozilla.org/en-US/docs/Web/CSS/column-count ,
probably because it was already part of the second draft of this
standard almost 20 years ago: WD-css3-multicol-20010118.
Diffstat (limited to 'usr.bin/mandoc')
-rw-r--r-- | usr.bin/mandoc/mandoc.css | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/usr.bin/mandoc/mandoc.css b/usr.bin/mandoc/mandoc.css index 3c4ea1813fb..ca7f2602e58 100644 --- a/usr.bin/mandoc/mandoc.css +++ b/usr.bin/mandoc/mandoc.css @@ -1,4 +1,4 @@ -/* $OpenBSD: mandoc.css,v 1.33 2019/06/02 16:50:46 schwarze Exp $ */ +/* $OpenBSD: mandoc.css,v 1.34 2020/10/30 21:31:19 schwarze Exp $ */ /* * Standard style sheet for mandoc(1) -Thtml and man.cgi(8). * @@ -135,12 +135,12 @@ h2.Ss { margin-top: 1.2em; vertical-align: top; } .Bl-tag > dd { clear: right; + column-count: 1; /* Force block formatting context. */ width: 100%; margin-top: 0em; margin-left: 0em; margin-bottom: 0.6em; - vertical-align: top; - overflow: auto; } + vertical-align: top; } .Bl-compact { margin-top: 0em; } .Bl-compact > dd { margin-bottom: 0em; } |