Commit 78734c2
doc: eliminate dead space in API section's sidebar
This commit improves overall usability on desktop by removing the "dead"
(non-interactive) regions between links in the API section's navigation.
No visible changes have been made; this enhancement is purely tactile in
nature.
PR-URL: #33469
Reviewed-By: James M Snell <jasnell@gmail.com>
Reviewed-By: Ruben Bridgewater <ruben@bridgewater.de>1 parent c76ec4d commit 78734c2
1 file changed
Lines changed: 44 additions & 0 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -592,6 +592,50 @@ td > *:last-child { | |||
| 592 | 592 | margin: -2px 3px 0 0; | |
| 593 | 593 | } | |
| 594 | 594 | ||
| 595 | + /* API reference sidebar */ | ||
| 596 | + @media only screen and (min-width: 1025px) { | ||
| 597 | + .apidoc #column2 > .line { | ||
| 598 | + pointer-events: none; | ||
| 599 | + } | ||
| 600 | + .apidoc #column2 > :first-child, | ||
| 601 | + .apidoc #column2 > ul, | ||
| 602 | + .apidoc #column2 > ul > li { | ||
| 603 | + margin: 0; | ||
| 604 | + padding: 0; | ||
| 605 | + } | ||
| 606 | + .apidoc #column2 > :first-child > a[href] { | ||
| 607 | + border-radius: 0; | ||
| 608 | + padding: 1.25rem 1.4375rem .625rem; | ||
| 609 | + display: block; | ||
| 610 | + } | ||
| 611 | + .apidoc #column2 > ul > li > a[href] { | ||
| 612 | + padding: .5rem 1.4375rem; | ||
| 613 | + padding-right: 0; | ||
| 614 | + display: block; | ||
| 615 | + } | ||
| 616 | + .apidoc #column2 > ul > :first-child > a[href] { | ||
| 617 | + padding-top: .625rem; | ||
| 618 | + } | ||
| 619 | + .apidoc #column2 > ul > :last-child > a[href] { | ||
| 620 | + padding-bottom: .625rem; | ||
| 621 | + } | ||
| 622 | + .apidoc #column2 > ul:first-of-type > :last-child > a[href] { | ||
| 623 | + padding-bottom: 1rem; | ||
| 624 | + } | ||
| 625 | + .apidoc #column2 > ul:nth-of-type(2) > :first-child > a[href] { | ||
| 626 | + padding-top: .875rem; | ||
| 627 | + } | ||
| 628 | + .apidoc #column2 > ul:nth-of-type(2) > :last-child > a[href] { | ||
| 629 | + padding-bottom: .9375rem; | ||
| 630 | + } | ||
| 631 | + .apidoc #column2 > ul:last-of-type > :first-child > a[href] { | ||
| 632 | + padding-top: 1rem; | ||
| 633 | + } | ||
| 634 | + .apidoc #column2 > ul:last-of-type > :last-child > a[href] { | ||
| 635 | + padding-bottom: 1.75rem; | ||
| 636 | + } | ||
| 637 | + } | ||
| 638 | + | ||
| 595 | 639 | @media only screen and (max-width: 1024px) { | |
| 596 | 640 | #content { | |
| 597 | 641 | overflow: visible; | |
0 commit comments