mirror of
https://github.com/rust-lang/rust.git
synced 2024-11-23 15:23:46 +00:00
rustdoc: combine common sidebar background color CSS rules
This commit is contained in:
parent
b38a6d373c
commit
5c0b60f967
@ -378,10 +378,6 @@ img {
|
||||
filter: var(--rust-logo-filter);
|
||||
}
|
||||
|
||||
.sidebar, .mobile-topbar, .sidebar-menu-toggle {
|
||||
background-color: var(--sidebar-background-color);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
font-size: 0.875rem;
|
||||
flex: 0 0 200px;
|
||||
@ -400,7 +396,8 @@ img {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.source .sidebar, #src-sidebar-toggle, #source-sidebar {
|
||||
.sidebar, .mobile-topbar, .sidebar-menu-toggle,
|
||||
#src-sidebar-toggle, #source-sidebar {
|
||||
background-color: var(--sidebar-background-color);
|
||||
}
|
||||
|
||||
|
@ -1,7 +1,52 @@
|
||||
// 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.
|
||||
show-text: true
|
||||
|
||||
// First, check the sidebar colors.
|
||||
define-function: (
|
||||
"check-colors",
|
||||
(theme, color, background_color),
|
||||
[
|
||||
("local-storage", {
|
||||
"rustdoc-theme": |theme|,
|
||||
"rustdoc-use-system-theme": "false",
|
||||
}),
|
||||
("reload"),
|
||||
// Checking results colors.
|
||||
("assert-css", (".source .sidebar", {
|
||||
"color": |color|,
|
||||
"background-color": |background_color|
|
||||
}, ALL)),
|
||||
],
|
||||
)
|
||||
|
||||
call-function: (
|
||||
"check-colors",
|
||||
{
|
||||
"theme": "ayu",
|
||||
"color": "rgb(197, 197, 197)",
|
||||
"background_color": "rgb(20, 25, 31)",
|
||||
}
|
||||
)
|
||||
call-function: (
|
||||
"check-colors",
|
||||
{
|
||||
"theme": "dark",
|
||||
"color": "rgb(221, 221, 221)",
|
||||
"background_color": "rgb(80, 80, 80)",
|
||||
}
|
||||
)
|
||||
call-function: (
|
||||
"check-colors",
|
||||
{
|
||||
"theme": "light",
|
||||
"color": "rgb(0, 0, 0)",
|
||||
"background_color": "rgb(245, 245, 245)",
|
||||
}
|
||||
)
|
||||
|
||||
// Next, desktop mode layout.
|
||||
size: (1100, 800)
|
||||
// We check that the sidebar isn't expanded and has the expected width.
|
||||
assert-css: ("nav.sidebar", {"width": "50px"})
|
||||
|
@ -2,6 +2,50 @@
|
||||
goto: "file://" + |DOC_PATH| + "/test_docs/index.html"
|
||||
assert-property: (".sidebar", {"clientWidth": "200"})
|
||||
show-text: true
|
||||
|
||||
// First, check the sidebar colors.
|
||||
define-function: (
|
||||
"check-colors",
|
||||
(theme, color, background_color),
|
||||
[
|
||||
("local-storage", {
|
||||
"rustdoc-theme": |theme|,
|
||||
"rustdoc-use-system-theme": "false",
|
||||
}),
|
||||
("reload"),
|
||||
// Checking results colors.
|
||||
("assert-css", (".sidebar", {
|
||||
"color": |color|,
|
||||
"background-color": |background_color|
|
||||
}, ALL)),
|
||||
],
|
||||
)
|
||||
|
||||
call-function: (
|
||||
"check-colors",
|
||||
{
|
||||
"theme": "ayu",
|
||||
"color": "rgb(197, 197, 197)",
|
||||
"background_color": "rgb(20, 25, 31)",
|
||||
}
|
||||
)
|
||||
call-function: (
|
||||
"check-colors",
|
||||
{
|
||||
"theme": "dark",
|
||||
"color": "rgb(221, 221, 221)",
|
||||
"background_color": "rgb(80, 80, 80)",
|
||||
}
|
||||
)
|
||||
call-function: (
|
||||
"check-colors",
|
||||
{
|
||||
"theme": "light",
|
||||
"color": "rgb(0, 0, 0)",
|
||||
"background_color": "rgb(245, 245, 245)",
|
||||
}
|
||||
)
|
||||
|
||||
local-storage: {"rustdoc-theme": "light"}
|
||||
// We reload the page so the local storage settings are being used.
|
||||
reload:
|
||||
|
Loading…
Reference in New Issue
Block a user