diff --git a/src/librustdoc/html/static/css/rustdoc.css b/src/librustdoc/html/static/css/rustdoc.css index 59ac80ec0af8..d2b299a027ae 100644 --- a/src/librustdoc/html/static/css/rustdoc.css +++ b/src/librustdoc/html/static/css/rustdoc.css @@ -348,13 +348,11 @@ nav.sub { position: sticky; min-width: 200px; height: 100vh; + top: 0; + left: 0; } .rustdoc.source .sidebar { - overflow: auto; -} - -.source .sidebar { width: 50px; min-width: 0px; max-width: 300px; @@ -362,7 +360,6 @@ nav.sub { flex-shrink: 0; flex-basis: auto; border-right: 1px solid; - transition: width .5s; overflow-x: hidden; /* The sidebar is by default hidden */ overflow-y: hidden; @@ -376,7 +373,7 @@ nav.sub { .source .sidebar.expanded { overflow-y: auto; - width: 300px !important; + width: 300px; } .source .sidebar.expanded > * { @@ -1698,6 +1695,18 @@ details.rustdoc-toggle[open] > summary.hideme::after { .docblock > .information:first-child > .tooltip { margin-top: 16px; } + + /* When we expand the sidebar on the source code page, we hide the logo on the left of the + search bar to have more space. */ + .sidebar.expanded + main .main-inner .sub-logo-container.rust-logo { + display: none; + } + + /* It doesn't render well on mobile because of the layout, so better only have the transition + on desktop. */ + .rustdoc.source .sidebar { + transition: width .5s; + } } @media (max-width: 700px) { @@ -1723,6 +1732,7 @@ details.rustdoc-toggle[open] > summary.hideme::after { padding: 0 15px; position: static; z-index: 11; + overflow-y: hidden; } .rustdoc.source > .sidebar { @@ -1779,6 +1789,7 @@ details.rustdoc-toggle[open] > summary.hideme::after { cursor: pointer; width: 45px; left: 0; + top: 0; text-align: center; display: block; border-bottom: 1px solid; @@ -2052,6 +2063,10 @@ details.rustdoc-toggle[open] > summary.hideme::after { height: 35px; width: 35px; } + + .sidebar:not(.expanded) #sidebar-toggle { + top: 10px; + } } diff --git a/src/librustdoc/html/templates/page.html b/src/librustdoc/html/templates/page.html index b94a632f109f..9f30ffe3b080 100644 --- a/src/librustdoc/html/templates/page.html +++ b/src/librustdoc/html/templates/page.html @@ -111,7 +111,6 @@ span:nth-child(4)" // This is the span for line 4. // Unfortunately, "#4" isn't a valid query selector, so we have to go around that limitation // by instead getting the nth span. assert-attribute: (".line-numbers > span:nth-child(4)", {"class": "line-highlighted"})