hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

biome format --write

Browse source
This commit is contained in:
Henry Jameson 2026-01-06 16:22:52 +02:00
commit 9262e803ec
415 changed files with 54076 additions and 17419 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/directives/body_scroll_lock.js
View file

@ -7,7 +7,7 @@ const lockerEls = new Set([])
const disableBodyScroll = (el) => {
const scrollBarGap = window.innerWidth - document.documentElement.clientWidth
bodyScrollLock.disableBodyScroll(el, {
reserveScrollBarGap: true
reserveScrollBarGap: true,
})
lockerEls.add(el)
setTimeout(() => {
@ -15,14 +15,22 @@ const disableBodyScroll = (el) => {
// If previousNavPaddingRight is already set, don't set it again.
if (previousNavPaddingRight === undefined) {
const navEl = document.getElementById('nav')
previousNavPaddingRight = window.getComputedStyle(navEl).getPropertyValue('padding-right')
navEl.style.paddingRight = previousNavPaddingRight ? `calc(${previousNavPaddingRight} + ${scrollBarGap}px)` : `${scrollBarGap}px`
previousNavPaddingRight = window
.getComputedStyle(navEl)
.getPropertyValue('padding-right')
navEl.style.paddingRight = previousNavPaddingRight
? `calc(${previousNavPaddingRight} + ${scrollBarGap}px)`
: `${scrollBarGap}px`
}
// If previousAppBgWrapeprRight is already set, don't set it again.
if (previousAppBgWrapperRight === undefined) {
const appBgWrapperEl = document.getElementById('app_bg_wrapper')
previousAppBgWrapperRight = window.getComputedStyle(appBgWrapperEl).getPropertyValue('right')
appBgWrapperEl.style.right = previousAppBgWrapperRight ? `calc(${previousAppBgWrapperRight} + ${scrollBarGap}px)` : `${scrollBarGap}px`
previousAppBgWrapperRight = window
.getComputedStyle(appBgWrapperEl)
.getPropertyValue('right')
appBgWrapperEl.style.right = previousAppBgWrapperRight
? `calc(${previousAppBgWrapperRight} + ${scrollBarGap}px)`
: `${scrollBarGap}px`
}
document.body.classList.add('scroll-locked')
}
@ -34,12 +42,14 @@ const enableBodyScroll = (el) => {
setTimeout(() => {
if (lockerEls.size === 0) {
if (previousNavPaddingRight !== undefined) {
document.getElementById('nav').style.paddingRight = previousNavPaddingRight
document.getElementById('nav').style.paddingRight =
previousNavPaddingRight
// Restore previousNavPaddingRight to undefined so disableBodyScroll knows it can be set again.
previousNavPaddingRight = undefined
}
if (previousAppBgWrapperRight !== undefined) {
document.getElementById('app_bg_wrapper').style.right = previousAppBgWrapperRight
document.getElementById('app_bg_wrapper').style.right =
previousAppBgWrapperRight
// Restore previousAppBgWrapperRight to undefined so disableBodyScroll knows it can be set again.
previousAppBgWrapperRight = undefined
}
@ -68,7 +78,7 @@ const directive = {
},
unmounted: (el) => {
enableBodyScroll(el)
}
},
}
export default (Vue) => {