mirror of
https://github.com/rust-lang/rust.git
synced 2024-11-27 09:14:20 +00:00
Rollup merge of #113823 - GuillaumeGomez:fix-results-search-alias-display, r=notriddle
Fix results search alias display Currently it's displayed like this: ![Screenshot from 2023-07-18 14-23-35](https://github.com/rust-lang/rust/assets/3050060/119d8f18-b298-4e6f-9571-9f678fc19126) With this fix: ![Screenshot from 2023-07-18 14-23-29](https://github.com/rust-lang/rust/assets/3050060/679d6241-420e-4f13-be78-dc061cbc488a) r? `@notriddle`
This commit is contained in:
commit
1b07da1d52
@ -888,7 +888,7 @@ so that we can apply CSS-filters to change the arrow color in themes */
|
||||
justify-content: start;
|
||||
flex: 3;
|
||||
}
|
||||
.search-results .result-name span.alias {
|
||||
.search-results .result-name .alias {
|
||||
color: var(--search-results-alias-color);
|
||||
}
|
||||
.search-results .result-name .grey {
|
||||
@ -904,6 +904,9 @@ so that we can apply CSS-filters to change the arrow color in themes */
|
||||
max-width: calc(100% - var(--search-typename-width));
|
||||
display: inline-block;
|
||||
}
|
||||
.search-results .result-name .path > * {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.popover {
|
||||
position: absolute;
|
||||
|
@ -2108,30 +2108,23 @@ function initSearch(rawSearchIndex) {
|
||||
const resultName = document.createElement("div");
|
||||
resultName.className = "result-name";
|
||||
|
||||
if (item.is_alias) {
|
||||
const alias = document.createElement("span");
|
||||
alias.className = "alias";
|
||||
|
||||
const bold = document.createElement("b");
|
||||
bold.innerText = item.alias;
|
||||
alias.appendChild(bold);
|
||||
|
||||
alias.insertAdjacentHTML(
|
||||
"beforeend",
|
||||
"<i class=\"grey\"> - see </i>");
|
||||
|
||||
resultName.appendChild(alias);
|
||||
}
|
||||
|
||||
resultName.insertAdjacentHTML(
|
||||
"beforeend",
|
||||
`\
|
||||
<span class="typename">${typeName}</span>\
|
||||
<div class="path">\
|
||||
${item.displayPath}<span class="${type}">${name}</span>\
|
||||
</div>`);
|
||||
`<span class="typename">${typeName}</span>`);
|
||||
link.appendChild(resultName);
|
||||
|
||||
let alias = " ";
|
||||
if (item.is_alias) {
|
||||
alias = ` <div class="alias">\
|
||||
<b>${item.alias}</b><i class="grey"> - see </i>\
|
||||
</div>`;
|
||||
}
|
||||
resultName.insertAdjacentHTML(
|
||||
"beforeend",
|
||||
`<div class="path">${alias}\
|
||||
${item.displayPath}<span class="${type}">${name}</span>\
|
||||
</div>`);
|
||||
|
||||
const description = document.createElement("div");
|
||||
description.className = "desc";
|
||||
description.insertAdjacentHTML("beforeend", item.desc);
|
||||
|
@ -26,7 +26,7 @@ write: (".search-input", "AliasForTheStdReexport")
|
||||
wait-for: "//a[@class='result-import']"
|
||||
assert-text: (
|
||||
"a.result-import .result-name",
|
||||
"AliasForTheStdReexport - see re-export test_docs::TheStdReexport",
|
||||
"re-export AliasForTheStdReexport - see test_docs::TheStdReexport",
|
||||
)
|
||||
// Same thing again, we click on it to ensure the background is once again set as expected.
|
||||
click: "//a[@class='result-import']"
|
||||
|
@ -368,8 +368,8 @@ define-function: (
|
||||
// Waiting for the search results to appear...
|
||||
wait-for: "#search-tabs"
|
||||
// Checking that the colors for the alias element are the ones expected.
|
||||
assert-css: (".result-name > .alias", {"color": |alias|})
|
||||
assert-css: (".result-name > .alias > .grey", {"color": |grey|})
|
||||
assert-css: (".result-name .path .alias", {"color": |alias|})
|
||||
assert-css: (".result-name .path .alias > .grey", {"color": |grey|})
|
||||
// Leave the search results to prevent reloading with an already filled search input.
|
||||
press-key: "Escape"
|
||||
},
|
||||
|
Loading…
Reference in New Issue
Block a user