diff options
| author | Masaya Suzuki <15100604+massongit@users.noreply.github.com> | 2023-01-15 08:34:26 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-01-15 08:34:26 +0900 |
| commit | 9ee1b5f30aeeea142607dbe89d96d603302c9cb9 (patch) | |
| tree | 3a73a179537cca4f729d8eca1be7c735981d1852 /packages/frontend/src/components/MkModal.vue | |
| parent | Fix import (#9566) (diff) | |
| download | sharkey-9ee1b5f30aeeea142607dbe89d96d603302c9cb9.tar.gz sharkey-9ee1b5f30aeeea142607dbe89d96d603302c9cb9.tar.bz2 sharkey-9ee1b5f30aeeea142607dbe89d96d603302c9cb9.zip | |
Fix widget test (#9565)
Diffstat (limited to 'packages/frontend/src/components/MkModal.vue')
| -rw-r--r-- | packages/frontend/src/components/MkModal.vue | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkModal.vue b/packages/frontend/src/components/MkModal.vue index 6265e637d6..ecebf9d158 100644 --- a/packages/frontend/src/components/MkModal.vue +++ b/packages/frontend/src/components/MkModal.vue @@ -8,7 +8,7 @@ :duration="transitionDuration" appear @after-leave="emit('closed')" @enter="emit('opening')" @after-enter="onOpened" > <div v-show="manualShowing != null ? manualShowing : showing" v-hotkey.global="keymap" :class="[$style.root, { [$style.drawer]: type === 'drawer', [$style.dialog]: type === 'dialog', [$style.popup]: type === 'popup' }]" :style="{ zIndex, pointerEvents: (manualShowing != null ? manualShowing : showing) ? 'auto' : 'none', '--transformOrigin': transformOrigin }"> - <div class="_modalBg" :class="[$style.bg, { [$style.bgTransparent]: transparentBg && (type === 'popup') }]" :style="{ zIndex }" @click="onBgClick" @mousedown="onBgClick" @contextmenu.prevent.stop="() => {}"></div> + <div class="_modalBg data-cy-bg" :class="[$style.bg, { [$style.bgTransparent]: isEnableBgTransparent, 'data-cy-transparent': isEnableBgTransparent }]" :style="{ zIndex }" @click="onBgClick" @mousedown="onBgClick" @contextmenu.prevent.stop="() => {}"></div> <div ref="content" :class="[$style.content, { [$style.fixed]: fixed }]" :style="{ zIndex }" @click.self="onBgClick"> <slot :max-height="maxHeight" :type="type"></slot> </div> @@ -82,6 +82,7 @@ const type = $computed<ModalTypes>(() => { return props.preferType!; } }); +const isEnableBgTransparent = props.transparentBg && (type === 'popup'); let transitionName = $computed((() => defaultStore.state.animation ? useSendAnime @@ -271,7 +272,7 @@ onMounted(() => { fixed = (type === 'drawer') || (getFixedContainer(props.src) != null); await nextTick(); - + align(); }, { immediate: true }); |