Skip to content

Commit aa8eeb9

Browse files
Fix additional syntaxes page issues
Fixes an exception that occurred when there were no search results Fixes the search bar overlapping the title on smaller width displays
1 parent 4069722 commit aa8eeb9

2 files changed

Lines changed: 8 additions & 2 deletions

File tree

src/components/syntaxes/SyntaxDisplayManager.astro

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -455,8 +455,10 @@ export interface VersionFilterData {
455455

456456
// prepare sidebar
457457
updateSidebar();
458-
scrollEndObserver.observe(filteredItems[0].element);
459-
scrollEndObserver.observe(filteredItems[filteredItems.length - 1].element);
458+
if (filteredItems.length > 1) {
459+
scrollEndObserver.observe(filteredItems[0].element);
460+
scrollEndObserver.observe(filteredItems[filteredItems.length - 1].element);
461+
}
460462

461463
// show message when no results found
462464
if (filteredItems.length === 0) {

src/pages/syntaxes/[...id].astro

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -159,6 +159,10 @@ const sidebarEntries = syntaxes.map(syntax => ({
159159
}
160160
:global(div.header) {
161161
grid-template-columns: minmax(0, calc(var(--sl-sidebar-width) - var(--sl-nav-pad-x) - var(--sl-nav-gap))) 1fr auto;
162+
justify-content: start;
163+
}
164+
:global(.title-wrapper) { /* ensure title is not covered by search */
165+
min-width: fit-content;
162166
}
163167

164168
#syntaxes-wrapper {

0 commit comments

Comments
 (0)