1
Fork 0

Remove data-level selectors from CSS.

This commit is contained in:
Jacob Hoffman-Andrews 2021-06-01 21:43:09 -07:00 committed by Guillaume Gomez
parent 98a9b02e92
commit fab6814ff3
3 changed files with 20 additions and 82 deletions

View file

@ -1371,7 +1371,7 @@ fn render_impl(
.map(|item| format!("{}.{}", item.type_(), name)); .map(|item| format!("{}.{}", item.type_(), name));
write!( write!(
w, w,
"<div id=\"{}\" class=\"{}{}\" data-level=\"2\">", "<div id=\"{}\" class=\"{}{} has-srclink\">",
id, item_type, in_trait_class, id, item_type, in_trait_class,
); );
w.write_str("<code>"); w.write_str("<code>");
@ -1400,7 +1400,7 @@ fn render_impl(
let id = cx.derive_id(source_id.clone()); let id = cx.derive_id(source_id.clone());
write!( write!(
w, w,
"<div id=\"{}\" class=\"{}{}\" data-level=\"2\"><code>", "<div id=\"{}\" class=\"{}{} has-srclink\"><code>",
id, item_type, in_trait_class id, item_type, in_trait_class
); );
assoc_type( assoc_type(
@ -1421,7 +1421,7 @@ fn render_impl(
let id = cx.derive_id(source_id.clone()); let id = cx.derive_id(source_id.clone());
write!( write!(
w, w,
"<div id=\"{}\" class=\"{}{}\" data-level=\"2\"><code>", "<div id=\"{}\" class=\"{}{} has-srclink\"><code>",
id, item_type, in_trait_class id, item_type, in_trait_class
); );
assoc_const( assoc_const(
@ -1448,11 +1448,7 @@ fn render_impl(
clean::AssocTypeItem(ref bounds, ref default) => { clean::AssocTypeItem(ref bounds, ref default) => {
let source_id = format!("{}.{}", item_type, name); let source_id = format!("{}.{}", item_type, name);
let id = cx.derive_id(source_id.clone()); let id = cx.derive_id(source_id.clone());
write!( write!(w, "<div id=\"{}\" class=\"{}{}\"><code>", id, item_type, in_trait_class,);
w,
"<div id=\"{}\" class=\"{}{}\" data-level=\"2\"><code>",
id, item_type, in_trait_class,
);
assoc_type( assoc_type(
w, w,
item, item,
@ -1593,7 +1589,7 @@ fn render_impl(
if let Some(use_absolute) = use_absolute { if let Some(use_absolute) = use_absolute {
write!( write!(
w, w,
"{}<div id=\"{}\" class=\"impl\"{} data-level=\"1\">\ "{}<div id=\"{}\" class=\"impl has-srclink\"{}>\
<code class=\"in-band\">", <code class=\"in-band\">",
open_details(&mut close_tags, is_implementing_trait), open_details(&mut close_tags, is_implementing_trait),
id, id,
@ -1621,7 +1617,7 @@ fn render_impl(
} else { } else {
write!( write!(
w, w,
"{}<div id=\"{}\" class=\"impl\"{} data-level=\"1\">\ "{}<div id=\"{}\" class=\"impl has-srclink\"{}>\
<code class=\"in-band\">{}</code>", <code class=\"in-band\">{}</code>",
open_details(&mut close_tags, is_implementing_trait), open_details(&mut close_tags, is_implementing_trait),
id, id,

View file

@ -585,7 +585,7 @@ fn item_trait(w: &mut Buffer, cx: &Context<'_>, it: &clean::Item, t: &clean::Tra
if toggled { if toggled {
write!(w, "<details class=\"rustdoc-toggle\" open><summary>"); write!(w, "<details class=\"rustdoc-toggle\" open><summary>");
} }
write!(w, "<div id=\"{}\" class=\"method\" data-level=\"1\"><code>", id); write!(w, "<div id=\"{}\" class=\"method has-srclink\"><code>", id);
render_assoc_item(w, m, AssocItemLink::Anchor(Some(&id)), ItemType::Impl, cx); render_assoc_item(w, m, AssocItemLink::Anchor(Some(&id)), ItemType::Impl, cx);
w.write_str("</code>"); w.write_str("</code>");
render_stability_since(w, m, t, cx.tcx()); render_stability_since(w, m, t, cx.tcx());

View file

@ -137,19 +137,19 @@ h1.fqn > .in-band > a:hover {
h2, h3, h4 { h2, h3, h4 {
border-bottom: 1px solid; border-bottom: 1px solid;
} }
div[data-level="1"].impl, div[data-level="1"].method, div[data-level="2"].method, .impl, .method,
div[data-level="1"].type, div[data-level="2"].type, div[data-level="2"].associatedconstant, .type, .associatedconstant,
div[data-level="2"].associatedtype { .associatedtype {
flex-basis: 100%; flex-basis: 100%;
font-weight: 600; font-weight: 600;
margin-top: 16px; margin-top: 16px;
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
} }
div[data-level="1"].impl, div[data-level="1"].method, div[data-level="2"].method.trait-impl, .impl, .method.trait-impl,
div[data-level="1"].type, div[data-level="2"].type.trait-impl, .type.trait-impl,
div[data-level="2"].associatedconstant.trait-impl, .associatedconstant.trait-impl,
div[data-level="2"].associatedtype.trait-impl { .associatedtype.trait-impl {
padding-left: 15px; padding-left: 15px;
} }
@ -160,7 +160,7 @@ div.impl-items > div {
h1, h2, h3, h4, h1, h2, h3, h4,
.sidebar, a.source, .search-input, .search-results .result-name, .sidebar, a.source, .search-input, .search-results .result-name,
.content table td:first-child > a, .content table td:first-child > a,
.collapse-toggle, div.item-list .out-of-band, span.since, div.item-list .out-of-band, span.since,
#source-sidebar, #sidebar-toggle, #source-sidebar, #sidebar-toggle,
details.rustdoc-toggle > summary::before, details.rustdoc-toggle > summary::before,
details.undocumented > summary::before, details.undocumented > summary::before,
@ -467,15 +467,7 @@ nav.sub {
font-weight: normal; font-weight: normal;
} }
div[data-level="1"].impl > .out-of-band { .method > code, .trait-impl > code, .invisible > code {
font-size: 21px;
}
div[data-level="2"].method > .out-of-band {
font-size: 19px;
}
div[data-level="1"] > code, div[data-level="2"] > code, .invisible > code {
max-width: calc(100% - 41px); max-width: calc(100% - 41px);
display: block; display: block;
} }
@ -548,7 +540,7 @@ div[data-level="1"] > code, div[data-level="2"] > code, .invisible > code {
} }
.content .multi-column li { width: 100%; display: inline-block; } .content .multi-column li { width: 100%; display: inline-block; }
.content > div.methods > div.method { .content > .methods > .method {
font-size: 1em; font-size: 1em;
position: relative; position: relative;
} }
@ -569,9 +561,6 @@ div[data-level="1"] > code, div[data-level="2"] > code, .invisible > code {
margin-left: 20px; margin-left: 20px;
margin-top: -34px; margin-top: -34px;
} }
.content .docblock > .impl-items > div[data-level="2"] {
border-bottom: 0;
}
.content .docblock >.impl-items .table-display { .content .docblock >.impl-items .table-display {
margin: 0; margin: 0;
} }
@ -694,7 +683,7 @@ a {
} }
.invisible > .srclink, .invisible > .srclink,
div[data-level="1"] > code + .srclink, div[data-level="2"] > code + .srclink { .method > code + .srclink {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@ -929,8 +918,7 @@ body.blur > :not(#help) {
flex-grow: 1; flex-grow: 1;
} }
.impl-items div[data-level="2"], div[data-level="2"].impl, div[data-level="1"].impl, .has-srclink {
.methods div[data-level="1"] {
display: flex; display: flex;
flex-basis: 100%; flex-basis: 100%;
font-size: 16px; font-size: 16px;
@ -992,45 +980,6 @@ a.test-arrow:hover{
font-weight: 300; font-weight: 300;
} }
.collapse-toggle {
font-weight: 300;
position: absolute;
left: -23px;
top: 0;
}
div[data-level="1"] > .collapse-toggle, div[data-level="2"] > .collapse-toggle {
font-size: 0.8em;
top: 5px;
}
.toggle-wrapper > .collapse-toggle {
left: -24px;
margin-top: 0px;
}
.toggle-wrapper {
position: relative;
margin-top: 0;
}
.toggle-wrapper.collapsed {
height: 25px;
transition: height .2s;
margin-bottom: .6em;
}
.collapse-toggle > .inner {
display: inline-block;
width: 1.2ch;
text-align: center;
}
.collapse-toggle.hidden-default {
position: relative;
margin-left: 20px;
}
.since + .srclink { .since + .srclink {
display: table-cell; display: table-cell;
padding-left: 10px; padding-left: 10px;
@ -1241,9 +1190,6 @@ pre.rust {
cursor: pointer; cursor: pointer;
z-index: 2; z-index: 2;
margin-left: 5px; margin-left: 5px;
}
div[data-level="2"] > .notable-traits {
position: absolute; position: absolute;
left: -44px; left: -44px;
top: 2px; top: 2px;
@ -1661,10 +1607,6 @@ details.undocumented[open] > summary::before {
padding: 0; padding: 0;
} }
.content div[data-level="2"] > .out-of-band {
position: inherit;
}
#search { #search {
margin-left: 0; margin-left: 0;
} }
@ -1684,7 +1626,7 @@ details.undocumented[open] > summary::before {
z-index: 1; z-index: 1;
} }
div[data-level="2"] > .notable-traits { .notable-traits {
position: absolute; position: absolute;
left: -22px; left: -22px;
top: 24px; top: 24px;