ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: content shift when y-scrollbar disappears

Browse Source
This commit is contained in:
Raphael Beer 2020-02-23 07:52:41 +01:00
parent 0185951834
commit f3a7c10e8a
No known key found for this signature in database
GPG Key ID: C1AC5E018B25EF11
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
webapp/components/Dropdown.vue
View File

@ -48,11 +48,16 @@ export default {
if (isOpen) {
this.$nextTick(() => {
setTimeout(() => {
document.getElementsByTagName('body')[0].classList.add('dropdown-open')
const paddingRightStyle = `${window.innerWidth - document.documentElement.clientWidth}px`
document.body.style.paddingRight = paddingRightStyle
document.querySelector('.main-navigation').style.paddingRight = paddingRightStyle
document.body.classList.add('dropdown-open')
}, 20)
})
} else {
document.getElementsByTagName('body')[0].classList.remove('dropdown-open')
document.body.style.paddingRight = null
document.querySelector('.main-navigation').style.paddingRight = null
document.body.classList.remove('dropdown-open')
}
} catch (err) {}
},