diff options
| author | Shpuld Shpuldson <shp@cock.li> | 2020-05-04 11:05:05 +0300 |
|---|---|---|
| committer | Shpuld Shpuldson <shp@cock.li> | 2020-05-04 11:05:05 +0300 |
| commit | 101eebb40be4dd87df83247e9db655c3cb135f48 (patch) | |
| tree | 043b1c06a078d0b845bc036a87165ac2568391b2 /src/components/react_button/react_button.vue | |
| parent | 39e3917118293912b2af09f509457d718f0207c9 (diff) | |
| parent | 9b349b40196778abe1a2cdb1d241d4c9572d305c (diff) | |
Merge branch 'develop' into fix/signup-without-email
Diffstat (limited to 'src/components/react_button/react_button.vue')
| -rw-r--r-- | src/components/react_button/react_button.vue | 32 |
1 files changed, 15 insertions, 17 deletions
diff --git a/src/components/react_button/react_button.vue b/src/components/react_button/react_button.vue index fb43ebaf..ab4b4fcd 100644 --- a/src/components/react_button/react_button.vue +++ b/src/components/react_button/react_button.vue @@ -1,13 +1,14 @@ <template> - <v-popover - :popper-options="popperOptions" - :open="showTooltip" - trigger="manual" + <Popover + trigger="click" placement="top" + :offset="{ y: 5 }" class="react-button-popover" - @hide="closeReactionSelect" > - <div slot="popover"> + <div + slot="content" + slot-scope="{close}" + > <div class="reaction-picker-filter"> <input v-model="filterWord" @@ -19,7 +20,7 @@ v-for="emoji in commonEmojis" :key="emoji" class="emoji-button" - @click="addReaction($event, emoji)" + @click="addReaction($event, emoji, close)" > {{ emoji }} </span> @@ -28,23 +29,20 @@ v-for="(emoji, key) in emojis" :key="key" class="emoji-button" - @click="addReaction($event, emoji.replacement)" + @click="addReaction($event, emoji.replacement, close)" > {{ emoji.replacement }} </span> <div class="reaction-bottom-fader" /> </div> </div> - <div + <i v-if="loggedIn" - @click.prevent="openReactionSelect" - > - <i - class="icon-smile button-icon add-reaction-button" - :title="$t('tool_tip.add_reaction')" - /> - </div> - </v-popover> + slot="trigger" + class="icon-smile button-icon add-reaction-button" + :title="$t('tool_tip.add_reaction')" + /> + </Popover> </template> <script src="./react_button.js" ></script> |