diff --git a/viewer/components/gui.ts b/viewer/components/gui.ts index f9b6ed9db..a5d7cd3ce 100644 --- a/viewer/components/gui.ts +++ b/viewer/components/gui.ts @@ -18,6 +18,11 @@ export async function patchViewerUI() { const params = await utils.getParams() + if (params.toolbar === 0) { + const containerDom = document.getElementById('viewerContainer')! + containerDom.style.top = '32px' + } + document.getElementById('outerContainer')!.onmousemove = (e) => { if (params.toolbar === 0) { return @@ -36,8 +41,6 @@ export async function patchViewerUI() { hideToolbar = setTimeout(() => { const toolbarDom = document.getElementsByClassName('toolbar')[0] toolbarDom.classList.add('hide') - const containerDom = document.getElementById('viewerContainer')! - containerDom.classList.add('topped') hideToolbar = undefined }, params.toolbar * 1000) } @@ -48,7 +51,6 @@ export async function patchViewerUI() { document.getElementById('firstPage')?.previousElementSibling?.classList.add('visibleLargeView') if (params.toolbar !== 0) { document.getElementsByClassName('toolbar')[0]?.classList.add('hide') - document.getElementById('viewerContainer')!.classList.add('topped') } const template = document.createElement('template') @@ -241,6 +243,4 @@ export function repositionAnnotation() { function showToolbar() { const toolbarDom = document.getElementsByClassName('toolbar')[0] toolbarDom.classList.remove('hide') - const containerDom = document.getElementById('viewerContainer')! - containerDom.classList.remove('topped') } diff --git a/viewer/latexworkshop.css b/viewer/latexworkshop.css index 1fc491f72..79a53220a 100644 --- a/viewer/latexworkshop.css +++ b/viewer/latexworkshop.css @@ -143,10 +143,6 @@ html[dir='rtl'] .findbar { } #viewerContainer { - transition: all 0.2s cubic-bezier(.23,.96,.57,.99) !important; -} - -#viewerContainer.topped { top: 0 !important; }