Filip/matrix-spec
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-spec synced 2026-04-04 10:14:09 +02:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Attempt to fix page jump upon expanding search results

Browse source
This commit is contained in:
Andrew Morgan 2026-03-20 12:53:45 +00:00
parent 15f36d1934
commit 2fd3c28a7a
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/js/offline-search.js
View file

@ -179,7 +179,7 @@ search backend.
$searchResultBody.append($("<p>").append($expander)); $searchResultBody.append($("<p>").append($expander));
$wrapper = $("<div>") $wrapper = $("<div>")
.addClass("collapse") .addClass("collapse td-offline-search-results__subresults")
.attr("id", wrapper_id) .attr("id", wrapper_id)
.on("hide.bs.collapse", _ => $action.text("▶ Show")) .on("hide.bs.collapse", _ => $action.text("▶ Show"))
.on("show.bs.collapse", _ => $action.text("▼ Hide")); .on("show.bs.collapse", _ => $action.text("▼ Hide"));

6
assets/scss/_styles_project.scss
View file

@ -668,6 +668,12 @@ dd {
max-width: 460px; max-width: 460px;
} }
.td-offline-search-results .td-offline-search-results__subresults.collapse.show {
// Prevent the first child margin from collapsing upward when Bootstrap
// finishes the collapse animation, which otherwise causes a small jump.
display: flow-root;
}
.td-offline-search-results .spinner-container { .td-offline-search-results .spinner-container {
text-align: center; text-align: center;
} }