forked from AkkomaGang/akkoma-fe
lock body scroll
This commit is contained in:
parent
8b321f6f1f
commit
ad504768fe
2 changed files with 6 additions and 0 deletions
|
@ -4,6 +4,7 @@
|
||||||
:style="bgAppStyle"
|
:style="bgAppStyle"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
|
id="app_bg_wrapper"
|
||||||
class="app-bg-wrapper"
|
class="app-bg-wrapper"
|
||||||
:style="bgStyle"
|
:style="bgStyle"
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
v-if="showing"
|
v-if="showing"
|
||||||
|
v-body-scroll-lock="showing"
|
||||||
class="modal-view media-modal-view"
|
class="modal-view media-modal-view"
|
||||||
@click.prevent="hide"
|
@click.prevent="hide"
|
||||||
>
|
>
|
||||||
|
@ -43,6 +44,10 @@
|
||||||
.media-modal-view {
|
.media-modal-view {
|
||||||
z-index: 1001;
|
z-index: 1001;
|
||||||
|
|
||||||
|
body:not(.scroll-locked) & {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
.modal-view-button-arrow {
|
.modal-view-button-arrow {
|
||||||
opacity: 0.75;
|
opacity: 0.75;
|
||||||
|
|
Loading…
Reference in a new issue