rustdoc: small fixes to mobile navigation
- Make sure the mobile-topbar doesn't overflow its height if the user sets a bigger font. - Make sure the sidebar can be scrolled all the way to the bottom by shortening it to accommodate the mobile-topbar. - Make the item name in the mobile-topbar clickable to go to the top of the page. - Remove excess padding sidebar in mobile mode.
This commit is contained in:
parent
a00e130dae
commit
a998a37476
8 changed files with 26 additions and 4 deletions
|
@ -1799,8 +1799,9 @@ details.rustdoc-toggle[open] > summary.hideme::after {
|
|||
background-color: rgba(0,0,0,0);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-left: 15px;
|
||||
z-index: 11;
|
||||
/* Reduce height slightly to account for mobile topbar. */
|
||||
height: calc(100vh - 45px);
|
||||
}
|
||||
|
||||
/* The source view uses a different design for the sidebar toggle, and doesn't have a topbar,
|
||||
|
@ -1831,7 +1832,13 @@ details.rustdoc-toggle[open] > summary.hideme::after {
|
|||
padding: 0.3em;
|
||||
padding-right: 0.6em;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
/* Rare exception to specifying font sizes in rem. Since the topbar
|
||||
height is specified in pixels, this also has to be specified in
|
||||
pixels to avoid overflowing the topbar when the user sets a bigger
|
||||
font size. */
|
||||
font-size: 22.4px;
|
||||
}
|
||||
|
||||
.mobile-topbar .logo-container {
|
||||
|
@ -1864,6 +1871,9 @@ details.rustdoc-toggle[open] > summary.hideme::after {
|
|||
|
||||
.sidebar-menu-toggle {
|
||||
width: 45px;
|
||||
/* Rare exception to specifying font sizes in rem. Since this is acting
|
||||
as an icon, it's okay to specify its sizes in pixels. */
|
||||
font-size: 32px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -216,6 +216,7 @@ a.anchor,
|
|||
pre.rust a,
|
||||
.sidebar h2 a,
|
||||
.sidebar h3 a,
|
||||
.mobile-topbar h2 a,
|
||||
.in-band a {
|
||||
color: #c5c5c5;
|
||||
}
|
||||
|
|
|
@ -192,6 +192,7 @@ a.anchor,
|
|||
pre.rust a,
|
||||
.sidebar h2 a,
|
||||
.sidebar h3 a,
|
||||
.mobile-topbar h2 a,
|
||||
.in-band a {
|
||||
color: #ddd;
|
||||
}
|
||||
|
|
|
@ -189,6 +189,7 @@ a.anchor,
|
|||
pre.rust a,
|
||||
.sidebar h2 a,
|
||||
.sidebar h3 a,
|
||||
.mobile-topbar h2 a,
|
||||
.in-band a {
|
||||
color: #000;
|
||||
}
|
||||
|
|
|
@ -72,7 +72,7 @@ function resourcePath(basename, extension) {
|
|||
var mobileLocationTitle = document.querySelector(".mobile-topbar h2.location");
|
||||
var locationTitle = document.querySelector(".sidebar h2.location");
|
||||
if (mobileLocationTitle && locationTitle) {
|
||||
mobileLocationTitle.innerText = locationTitle.innerText;
|
||||
mobileLocationTitle.innerHTML = locationTitle.innerHTML;
|
||||
}
|
||||
}
|
||||
}());
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue