@@ -1,14 +1,14 @@
<template>
<tippy
interactive="true"
- placement="top"
+ :placement="placement"
theme="confirm"
ref="confirm"
trigger="click"
@hide="confirm(false)"
>
<template #trigger>
- <div @click.shift="confirm(true)" @click.exact="confirm()">
+ <div @click.shift.stop="confirm(true)" @click.exact="confirm()">
<slot />
</div>
</template>
@@ -18,6 +18,12 @@
<script>
export default {
+ props: {
+ placement: {
+ type: String,
+ default: "top"
+ }
+ },
data() {
return {
clickedOnce: false
@@ -274,6 +274,7 @@
playlist.createdBy ||
isEditable()
"
+ placement="left"
@confirm="
removeSongFromPlaylist(
song.youtubeId
@@ -102,7 +102,10 @@
<i class="material-icons">check_circle</i>
</button>
- <confirm @confirm="hide(song._id, index)">
+ <confirm
+ @confirm="hide(song._id, index)"
+ >
<button
class="button is-danger"
content="Hide Song"
@@ -123,7 +123,10 @@
<i class="material-icons">edit</i>
- <confirm @confirm="remove(song._id, index)">
+ @confirm="remove(song._id, index)"
content="Unverify Song"
@@ -21,6 +21,7 @@
<div slot="actions">
<confirm
v-if="userId === myUserId"
@confirm="hideActivity(activity._id)"
<a content="Hide Activity" v-tippy>
@@ -35,6 +35,7 @@
v-if="isOwnerOnly() || isAdminOnly()"
@confirm="removeFromQueue(song.youtubeId)"
<i