diff options
| author | Shpuld Shpuldson <shp@cock.li> | 2020-11-09 09:40:20 +0200 |
|---|---|---|
| committer | Shpuld Shpuldson <shp@cock.li> | 2020-11-09 09:40:20 +0200 |
| commit | 9f96b592d4c1e0d68910307a296cf5536cb373a4 (patch) | |
| tree | a9be2e38251267eeff11f7538dc5f1fe53913aa6 /src/components/react_button | |
| parent | 60983ae42b584694de0211ca67ef72d492a293c9 (diff) | |
wrap react button icon to a span to fix popover overflow
Diffstat (limited to 'src/components/react_button')
| -rw-r--r-- | src/components/react_button/react_button.vue | 14 |
1 files 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> |