Skip to content

Commit 98a8c5b

Browse files
committed
rustdoc: reduce clutter on mobile search page
1 parent 7386d5b commit 98a8c5b

File tree

1 file changed

+39
-5
lines changed

1 file changed

+39
-5
lines changed

src/librustdoc/html/static/css/rustdoc.css

+39-5
Original file line numberDiff line numberDiff line change
@@ -177,9 +177,6 @@ h1, h2, h3, h4 {
177177
more aggressively when we want them to. */
178178
overflow-wrap: anywhere;
179179
}
180-
.search-results-main-heading nav.sub {
181-
grid-area: main-heading-h1;
182-
}
183180
.main-heading {
184181
position: relative;
185182
display: grid;
@@ -192,6 +189,17 @@ h1, h2, h3, h4 {
192189
padding-bottom: 6px;
193190
margin-bottom: 15px;
194191
}
192+
.search-results-main-heading {
193+
grid-template-areas:
194+
"main-heading-breadcrumbs main-heading-placeholder"
195+
"main-heading-breadcrumbs main-heading-toolbar "
196+
"main-heading-h1 main-heading-toolbar ";
197+
}
198+
.search-results-main-heading nav.sub {
199+
grid-area: main-heading-h1;
200+
align-items: end;
201+
margin: 4px 0 8px 0;
202+
}
195203
.rustdoc-breadcrumbs {
196204
grid-area: main-heading-breadcrumbs;
197205
line-height: 1.25;
@@ -202,12 +210,13 @@ h1, h2, h3, h4 {
202210
}
203211
.search-switcher {
204212
grid-area: main-heading-breadcrumbs;
205-
line-height: 1.25;
213+
line-height: 1.5;
206214
display: flex;
207215
color: var(--main-color);
208216
align-items: baseline;
209217
white-space: nowrap;
210-
margin-top: -1px;
218+
padding-top: 8px;
219+
min-height: 34px;
211220
}
212221
.rustdoc-breadcrumbs a {
213222
padding: 4px 0;
@@ -1133,6 +1142,8 @@ table,
11331142
position: relative;
11341143
/* allows this div (and with it the <select>-element "#crate-search") to be shrunk */
11351144
min-width: 0;
1145+
/* keep label text for switcher from moving down when this appears */
1146+
margin-top: -1px;
11361147
}
11371148
#crate-search {
11381149
padding: 0 23px 0 4px;
@@ -2327,12 +2338,28 @@ However, it's not needed with smaller screen width because the doc/code block is
23272338
"main-heading-h1 main-heading-toolbar"
23282339
"main-heading-sub-heading main-heading-toolbar";
23292340
}
2341+
.search-results-main-heading {
2342+
display: grid;
2343+
grid-template-areas:
2344+
"main-heading-breadcrumbs main-heading-toolbar"
2345+
"main-heading-breadcrumbs main-heading-toolbar"
2346+
"main-heading-h1 main-heading-toolbar";
2347+
}
23302348
rustdoc-toolbar {
23312349
display: grid;
23322350
grid-template-areas:
23332351
"x settings help"
23342352
"search summary summary";
23352353
}
2354+
.search-results-main-heading rustdoc-toolbar {
2355+
display: grid;
2356+
grid-template-areas:
2357+
"settings help"
2358+
"search search";
2359+
}
2360+
.search-results-main-heading #toggle-all-docs {
2361+
display: none;
2362+
}
23362363
rustdoc-toolbar .settings-menu span.label,
23372364
rustdoc-toolbar .help-menu span.label
23382365
{
@@ -2409,6 +2436,13 @@ in src-script.js and main.js
24092436
"main-heading-h1 main-heading-toolbar"
24102437
"main-heading-sub-heading main-heading-toolbar";
24112438
}
2439+
.search-results-main-heading {
2440+
display: grid;
2441+
grid-template-areas:
2442+
"main-heading-breadcrumbs main-heading-placeholder"
2443+
"main-heading-breadcrumbs main-heading-toolbar"
2444+
"main-heading-h1 main-heading-toolbar";
2445+
}
24122446
rustdoc-topbar span.label,
24132447
rustdoc-toolbar .settings-menu,
24142448
rustdoc-toolbar .help-menu

0 commit comments

Comments
 (0)