pleroma-fe

commit: def1bd0676ea407cbd02f0a1384b56e62cee6447
parent 60983ae42b584694de0211ca67ef72d492a293c9
Author: HJ <30-hj@users.noreply.git.pleroma.social>
Date:   Mon,  9 Nov 2020 08:40:59 +0000

Merge branch 'fix/react-menu-overflow-fix' into 'develop'

Fix #994 react popover overflowing

Closes #994

See merge request pleroma/pleroma-fe!1280
Diffstat:
M
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
@@ -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>