From 9f96b592d4c1e0d68910307a296cf5536cb373a4 Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shp@cock.li>
Date: Mon, 9 Nov 2020 09:40:20 +0200
Subject: [PATCH] wrap react button icon to a span to fix popover overflow
---
src/components/react_button/react_button.vue | 14 ++++++++------
1 file changed, 8 insertions(+), 6 deletions(-)
diff --git a/src/components/react_button/react_button.vue b/src/components/react_button/react_button.vue
index 95d95b11..e508a3e9 100644
--- a/src/components/react_button/react_button.vue
+++ b/src/components/react_button/react_button.vue
@@ -4,6 +4,7 @@
placement="top"
:offset="{ y: 5 }"
class="react-button-popover"
+ :bound-to="{ x: 'container' }"
>
<div
slot="content"
@@ -37,12 +38,13 @@
<div class="reaction-bottom-fader" />
</div>
</div>
- <FAIcon
- slot="trigger"
- class="fa-scale-110 fa-old-padding add-reaction-button"
- :icon="['far', 'smile-beam']"
- :title="$t('tool_tip.add_reaction')"
- />
+ <span slot="trigger">
+ <FAIcon
+ class="fa-scale-110 fa-old-padding add-reaction-button"
+ :icon="['far', 'smile-beam']"
+ :title="$t('tool_tip.add_reaction')"
+ />
+ </span>
</Popover>
</template>