diff --git a/web_src/css/repo/home.css b/web_src/css/repo/home.css index db171e7974b..d8ca1339f98 100644 --- a/web_src/css/repo/home.css +++ b/web_src/css/repo/home.css @@ -73,6 +73,9 @@ gap: 8px; max-height: 100vh; overflow: hidden; + position: sticky; + top: 14px; + z-index: 8; } .repo-grid-tree-sidebar .view-file-tree-sidebar-top { diff --git a/web_src/js/features/repo-view-file-tree-sidebar.ts b/web_src/js/features/repo-view-file-tree-sidebar.ts index 8bec3d06ae2..22f7978f305 100644 --- a/web_src/js/features/repo-view-file-tree-sidebar.ts +++ b/web_src/js/features/repo-view-file-tree-sidebar.ts @@ -2,6 +2,7 @@ import {createApp, ref} from 'vue'; import {toggleElem} from '../utils/dom.ts'; import {GET, PUT} from '../modules/fetch.ts'; import ViewFileTree from '../components/ViewFileTree.vue'; +import {initMarkupContent} from '../markup/content.ts'; import {initTargetRepoBranchTagSelector} from './repo-legacy.ts'; import {initTargetDropdown} from './common-page.ts'; import {initTargetRepoEllipsisButton} from './repo-commit.ts'; @@ -58,6 +59,7 @@ function reloadContentScript(contentEl: Element) { contentEl.querySelector('.show-tree-sidebar-button').addEventListener('click', () => { toggleSidebar(true, document.querySelector('.repo-view-file-tree-sidebar').hasAttribute('data-is-signed')); }); + initMarkupContent(); initTargetButtons(contentEl); initTargetDropdown(contentEl); initTargetPdfViewer(contentEl);