From f335a2d2baed114b98b82209602c96900e6244f8 Mon Sep 17 00:00:00 2001 From: Ingo Schwarze Date: Fri, 30 Oct 2020 21:34:30 +0000 Subject: 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 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
content moves down rather than to the right if the preceding
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. --- mandoc.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/mandoc.css b/mandoc.css index d75700a2..6ad33514 100644 --- a/mandoc.css +++ b/mandoc.css @@ -1,4 +1,4 @@ -/* $Id: mandoc.css,v 1.46 2019/06/02 16:57:13 schwarze Exp $ */ +/* $Id: mandoc.css,v 1.47 2020/10/30 21:34:30 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; } -- cgit v1.2.3-56-ge451