Skip to content

Commit 23cf39a

Browse files
Alhadiscodebytere
authored andcommitted
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 <[email protected]> Reviewed-By: Ruben Bridgewater <[email protected]>
1 parent 95e7a80 commit 23cf39a

File tree

1 file changed

+44
-0
lines changed

1 file changed

+44
-0
lines changed

doc/api_assets/style.css

+44
Original file line numberDiff line numberDiff line change
@@ -592,6 +592,50 @@ td > *:last-child {
592592
margin: -2px 3px 0 0;
593593
}
594594

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+
595639
@media only screen and (max-width: 1024px) {
596640
#content {
597641
overflow: visible;

0 commit comments

Comments
 (0)