* mandoc: Finally get rid of the "overflow: auto" property of ".Bl-tag >
@ 2020-10-30 21:35 schwarze
0 siblings, 0 replies; only message in thread
From: schwarze @ 2020-10-30 21:35 UTC (permalink / raw)
To: source
Log Message:
-----------
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.
Modified Files:
--------------
mandoc:
mandoc.css
Revision Data
-------------
Index: mandoc.css
===================================================================
RCS file: /home/cvs/mandoc/mandoc/mandoc.css,v
retrieving revision 1.46
retrieving revision 1.47
diff -Lmandoc.css -Lmandoc.css -u -p -r1.46 -r1.47
--- mandoc.css
+++ mandoc.css
@@ -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; }
--
To unsubscribe send an email to source+unsubscribe@mandoc.bsd.lv
^ permalink raw reply [flat|nested] only message in thread
only message in thread, other threads:[~2020-10-30 21:35 UTC | newest]
Thread overview: (only message) (download: mbox.gz / follow: Atom feed)
-- links below jump to the message on this page --
2020-10-30 21:35 mandoc: Finally get rid of the "overflow: auto" property of ".Bl-tag > schwarze
source@mandoc.bsd.lv
This inbox may be cloned and mirrored by anyone:
git clone --mirror http://inbox.vuxu.org/mandoc-source
# If you have public-inbox 1.1+ installed, you may
# initialize and index your mirror using the following commands:
public-inbox-init -V1 mandoc-source mandoc-source/ http://inbox.vuxu.org/mandoc-source \
source@mandoc.bsd.lv
public-inbox-index mandoc-source
Example config snippet for mirrors.
Newsgroup available over NNTP:
nntp://inbox.vuxu.org/vuxu.archive.mandoc.source
AGPL code for this site: git clone https://public-inbox.org/public-inbox.git