Change body style padding-right: 17px; overflow: hidden; to a class

vue-final / vue-final-modal

🍕Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.

https://vue-final-modal.org

MIT License

931 stars 99 forks source link

Change body style padding-right: 17px; overflow: hidden; to a class #446

Open matamune94 opened 4 months ago

matamune94 commented 4 months ago

Version

vue-final-modal: ^4.5.4 vue: ^3.4.29

OS

Windows

What is Expected?

The elements in my body are moved and the popup is opened

What is actually happening?

instead of adding padding-right: 17px; overflow: hidden; Go to the body and convert it into a class For example: modal-open .modal-open { padding-right: 17px; overflow: hidden } I can use your modal to connect my subclasses to edit the moved elements.

Remixrty commented 3 months ago

or add a css-variable, which is useful with “position: fixed” case