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"})