nordic-dev.net/rust
nordic-dev.net/rust
2
0
Fork 0
mirror of https://github.com/rust-lang/rust.git synced 2024-11-27 01:04:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(rustdoc): open sidebar menu when links inside it are focused

Browse Source 
Fixes #87172

Based on #87167 (which should be merged first)

Preview it at https://notriddle.com/notriddle-rustdoc-test/std/index.html

Co-authored-by: Guillaume Gomez <guillaume.gomez@huawei.com>
This commit is contained in:
Michael Howell 2021-07-16 08:04:49 -07:00
parent 868ffd03ed
commit 0ea2980ae5
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/librustdoc/html/static/css/rustdoc.css
View File

@ -1729,7 +1729,8 @@ details.undocumented[open] > summary::before {
width: calc(100% + 30px); width: calc(100% + 30px);
} }
.show-it { .show-it, .sidebar-elems:focus-within {
z-index: 2;
left: 0; left: 0;
} }

10
src/test/rustdoc-gui/sidebar-mobile.goml
View File

@ -8,3 +8,13 @@ assert-css: (".sidebar-elems", {"display": "block", "left": "-246px"})
// Opening the sidebar menu. // Opening the sidebar menu.
click: ".sidebar-menu" click: ".sidebar-menu"
assert-css: (".sidebar-elems", {"display": "block", "left": "0px"}) assert-css: (".sidebar-elems", {"display": "block", "left": "0px"})
// Closing the sidebar menu.
click: ".sidebar-menu"
assert-css: (".sidebar-elems", {"display": "block", "left": "-246px"})
// Force the sidebar open by focusing a link inside it.
// This makes it easier for keyboard users to get to it.
focus: ".sidebar-title"
assert-css: (".sidebar-elems", {"display": "block", "left": "0px"})
// When we tab out of the sidebar, close it.
focus: ".search-input"
assert-css: (".sidebar-elems", {"display": "block", "left": "-246px"})