Mercurial > p > roundup > code
diff doc/_static/style.css @ 7476:6dca1626f652
Solve 2 axe contrast issues; make menu links fill block
Also add commented out code to highlight linked headers.
Not sure if I like it and if the link target is not before a
header the wrong headers gets highlighted.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Sun, 11 Jun 2023 20:44:05 -0400 |
| parents | a4987f5ebee0 |
| children | dcf37ca1a47d |
line wrap: on
line diff
--- a/doc/_static/style.css Thu Jun 08 21:54:38 2023 -0400 +++ b/doc/_static/style.css Sun Jun 11 20:44:05 2023 -0400 @@ -202,7 +202,8 @@ } .menu > ul > li.current > * { - background-color:#dddddd; + background-color: #f0f0f0; + border-block-end: solid medium #cccccc; } .menu ul li:first-child { margin-top:0;} @@ -235,9 +236,15 @@ border-top: none; } +/* make submenu items clickable cross whole width of menu */ +.menu ul ul > li > a { + display: block; +} + .menu ul li.toctree-l2.current { - background-color: #dddddd; - pading-block: 0.25em; + background-color: #f0f0f0; + border-inline-start: solid 2px rgb(220, 0, 0); + padding-block: 1em; } /* related */ @@ -459,3 +466,13 @@ background: #f3f1cc; padding-inline: 0.5em; } + +/* consider highlighting header element that is a target */ +/* +:target > :is(h1,h2,h3,h4,h5,h6) { + background: rgb(254, 227, 227); + outline: rgb(254, 227, 227) solid 3px; + padding: 0.3em; +} +*/ +