dd5ff428ed
The W3C Web Content Accessibility Guidelines specify a minimum line spacing of 1.5 and a minimum paragraph spacing of 1.5 times the line spacing. Our current line spacing (implemented by line-height) is 1.4, so it's a small bump to go up to 1.5. Similarly, we have a paragraph spacing of 0.6em. Bump that to 0.75em (which is 1.5 times the 0.5em distance between lines). Also, fix all the font sizes so instead of being round-ish numbers in rem (like 1.1rem, 1.2rem), they are round numbers in pixels. Ensure each font size is at least 2 pixels different than the nearest other font size, so distinctions can be clearly seen. Overall the font-sizes are mostly staying the same, being rounded up or down as appropriate. Remove a few unused styles. Simplify the display of the mobile-topbar location, by setting its margins to auto rather than trying to size it exactly to the topbar.
36 lines
1.3 KiB
Text
36 lines
1.3 KiB
Text
// The goal of this test is to ensure that the sidebar is working as expected in the source
|
|
// code pages.
|
|
goto: file://|DOC_PATH|/src/test_docs/lib.rs.html
|
|
// First: desktop mode.
|
|
size: (1100, 800)
|
|
// We check that the sidebar isn't expanded and has the expected width.
|
|
assert-css: ("nav.sidebar", {"width": "50px"})
|
|
// We now click on the button to expand the sidebar.
|
|
click: (10, 10)
|
|
// We wait for the sidebar to be expanded (there is a 0.5s animation).
|
|
wait-for: 600
|
|
assert-css: ("nav.sidebar.expanded", {"width": "300px"})
|
|
assert-css: ("nav.sidebar.expanded a", {"font-size": "14px"})
|
|
// We collapse the sidebar.
|
|
click: (10, 10)
|
|
// We wait for the sidebar to be collapsed (there is a 0.5s animation).
|
|
wait-for: 600
|
|
// We ensure that the class has been removed.
|
|
assert-false: "nav.sidebar.expanded"
|
|
assert: "nav.sidebar"
|
|
|
|
// We now switch to mobile mode.
|
|
size: (600, 600)
|
|
// We check that the sidebar has the expected width (0 and 1px for the border).
|
|
assert-css: ("nav.sidebar", {"width": "1px"})
|
|
// We expand the sidebar.
|
|
click: "#sidebar-toggle"
|
|
assert-css: ("nav.sidebar.expanded", {"width": "600px"})
|
|
// We collapse the sidebar.
|
|
click: (10, 10)
|
|
// We ensure that the class has been removed.
|
|
assert-false: "nav.sidebar.expanded"
|
|
assert: "nav.sidebar"
|
|
|
|
// Check that the topbar is not visible
|
|
assert-property: (".mobile-topbar", {"offsetParent": "null"})
|