# Discourse Retort
**URL:** https://meta.discourse.org/t/discourse-retort/35903
**Category:** Plugin
**Tags:** end-of-life
**Created:** [November 22, 2015, 11:53am UTC](https://meta.discourse.org/t/discourse-retort/35903 "2015-11-22T11:53:58Z")
**Posts on this page:** 20
**Page:** 12
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [March 12, 2018, 3:57pm UTC](https://meta.discourse.org/t/discourse-retort/35903/234 "2018-03-12T15:57:13Z")
Thanks, @cpradio.
I did but didn’t find anything related to retort:
I am with [Communiteq](https://www.communiteq.com) (formerly DiscourseHosting) and they might not have that plugin installed. Is that right @michaeld?
Hm, from that code, it seems like you can just list the emojis that are allowed for retorts without affecting what is used by members elsewhere.
---
### Author:  [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [March 12, 2018, 3:58pm UTC](https://meta.discourse.org/t/discourse-retort/35903/235 "2018-03-12T15:58:13Z")
> [@McBlu](#):
>
> Hm, from that code, it seems like you can just list the emojis that are allowed for retorts without affecting what is used by members elsewhere.
Correct.
> [@McBlu](#):
>
> they might not have that plugin installed
Click on Plugins, you should be able to see if it is installed.
---
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [March 12, 2018, 4:01pm UTC](https://meta.discourse.org/t/discourse-retort/35903/236 "2018-03-12T16:01:35Z")
Yeah, Iooked and it wasn’t listed in plugins and have an order for it to be added into [Communiteq](https://www.communiteq.com) (formerly DiscourseHosting).
---
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [March 13, 2018, 3:06pm UTC](https://meta.discourse.org/t/discourse-retort/35903/237 "2018-03-13T15:06:58Z")
> [@Discourse Retort](https://meta.discourse.org/t/retort-a-reaction-style-plugin-for-discourse/35903/146):
>
> How come it becomes like this: Not centered on screen. Buttons not centered. Button widths screwed up., Strange because I can see display: flex put on the wrapper, which certainly will not make the buttons wrap. Am I missing a CSS file or something?
I have the same problem as you did months ago. I just added emojis, today, March 13, 2018. Did you ever figure out a fix for this in your troubleshooting?
If I turn the retort limited emoji set off I get this cut off window which you cannot scroll down:
If I can just get my tailored list of emojis to work, I’m happy. Looks like it should work fine if go by this rule (Thanks, @gdpelican.):
> [@Discourse Retort](https://meta.discourse.org/t/retort-a-reaction-style-plugin-for-discourse/35903/191):
>
> Hmm, I’d rather not go with this approach. I’ve pushed up a fix to master which displays the icons sensibly for up to 25 custom emojis (so, for example, 24 emojis will be 6 rows of 4, while 25 emojis will be 5 rows of 5). Hopefully that should cover most use cases slight_smile
Except I have 25 emojis but they aren’t forming 5X5 rows. Any ideas as to why this might be?
I can get 20 icons to work though, but then, the last emoji doesn’t appear and only a clip is displayed instead of an image If I do 20 emojis:
Should I be using this forked version, @schungx if I want to have neat rows, not be limited to a particular number of emojis, and fix the defect in the last (bottom-right) emoji that is invisible?
> [@Discourse Retort](https://meta.discourse.org/t/retort-a-reaction-style-plugin-for-discourse/35903/190):
>
> OK, guys. Pull my fork instead: [https://github.com/schungx/retort.git](https://github.com/schungx/retort.git) An empty emoji string in the limited set translates to a line-break.
---
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [March 13, 2018, 10:56pm UTC](https://meta.discourse.org/t/discourse-retort/35903/238 "2018-03-13T22:56:59Z")
Has anyone tried this forked version of the plugin that Stephen kindly made?
> [@Discourse Retort](https://meta.discourse.org/t/retort-a-reaction-style-plugin-for-discourse/35903/190):
>
> OK, guys. Pull my fork instead: [https://github.com/schungx/retort.git](https://github.com/schungx/retort.git) An empty emoji string in the limited set translates to a line-break.
I am having the identical issues that Stephen did, and am thinking of asking [Communiteq](https://www.communiteq.com) (formerly DiscourseHosting) if they’d mind installing this version instead of the original. I have a message into Stephen as well. I guess what I want to know is if it works nicely.
---
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [March 14, 2018, 5:14am UTC](https://meta.discourse.org/t/discourse-retort/35903/239 "2018-03-14T05:14:14Z")
> [@lll](#):
>
> You have three separate issues:
>
> 1- emojis don’t show until a bit of time has passed (Caching, possibly)
>
> 2- Some emojis have white backgrounds (need to be edited / changed)
>
> 3- Emojis get squashed sometimes if there’s a lot of them (the code above should prevent that)
Thanks, @lll (Joe) for helping me figure this out. I am posting here in case anyone else has problems.
1. I logged out and in and that updated the emojis and cleared the cache.
2. I exlusively used EmojiOne and (for whatever reason) that gave me the pngs in the correct format getting rid of the off-white backdrop.
3. I plugged in Joe’s code and that set up my rows beautifully and I was able to input as many emojis as I wanted.
Here is the code:
> [@lll](#):
>
> .retort\_\_emoji-picker-wrapper–limited .emoji-picker button.emoji {
> min-width: 45px;
> min-height: 45px;
> }
Here is my beautiful chart of emojis:
Thank you, @schungx for helping me eliminate other possible explanations.
---
### Author:  [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [April 10, 2018, 5:05am UTC](https://meta.discourse.org/t/discourse-retort/35903/241 "2018-04-10T05:05:33Z")
5 posts were merged into an existing topic: [Add new coffee icon (same role as the love icon)](https://meta.discourse.org/t/add-new-coffee-icon-same-role-as-the-love-icon/84920)
---
### Author:  [@Vespura](https://meta.discourse.org/u/Vespura)
#### Post date: [April 20, 2018, 1:43pm UTC](https://meta.discourse.org/t/discourse-retort/35903/242 "2018-04-20T13:43:59Z")
> [@barreeeiroo](#):
>
> I talk about the ‘emoji’ that shows :olhos do corazao: instead of 😍
> [@gdpelican](#):
>
> Hrm, I wouldn’t expect emojione to be translating their emoji shortnames, and haven’t been able to come up with steps to repro.
>
> I tried making a portuguese user on that forum and reacting with heart eyes, but as expected the emoji shortnames remain in English, which is also true for the core discourse emoji picker.
>
> The only possibility I could think of would be that a forum could add a custom emoji, someone reacts with it, and then the custom emoji is removed, which would result in just the shortname being displayed. I don’t really have a good response to that use case other than ‘Don’t do that.’ 🙂
Not sure if you already found the repro steps for this yourself, but I noticed this bug too and after some testing this seems to be the way to reproduce this 100% of the times:
* * *
When adding an emoji reaction to a topic or post while your current page is translated to another language (for example using Google Chrome \> Right click \> translate page), a “bugged” emoji (`:translated_emoji_name:`) reaction is added instead of the actual emoji icon.
Steps to reproduce:
1. Create a topic or choose an existing one.
2. Click the  button.
3. Right click anywhere (using chrome) and translate the page to any language you want.
4. The `:emoji_names:` get translated, and when adding them it will post the translated text as an emoji reaction.
Looks like this for the 😍 emoji when the page is translated into spanish: 
It does not work for every emoji because not all the names get translated.
Hope this helps, if it was already answered/discovered then my bad for not finding it in this topic.
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [May 2, 2018, 1:28pm UTC](https://meta.discourse.org/t/discourse-retort/35903/243 "2018-05-02T13:28:48Z")
Latest update introduced some problems, a `float: left;` which broke hover pop ups and something is wrong with the placement.
```
.post-retort {
background: #dfdfff;
float: left; <<< THIS FLOAT LEFT BREAKS THE HOVER POP UP
padding: 2px;
margin: 2px;
margin-top: 2px;
border-radius: 5px;
border: 1px solid #ccf;
position: relative;
outline: 0;
}
```
I fixed both problems with:
```
.post-retort {
margin-top: 33px !important;
float: none;
}
```
---
### Author:  [@gdpelican](https://meta.discourse.org/u/gdpelican)
#### Post date: [May 2, 2018, 6:15pm UTC](https://meta.discourse.org/t/discourse-retort/35903/244 "2018-05-02T18:15:27Z")
Thanks for the report; this should be fixed in the latest master.
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [May 13, 2018, 10:51am UTC](https://meta.discourse.org/t/discourse-retort/35903/245 "2018-05-13T10:51:29Z")
The `positon: relative` on `.post-retort` is breaking the layout for Android users on chrome, one of my members reported a margin on the right on Samsung Galaxy S3 and removing `position: relative` using the developers tools in Firefox fixed it
Edit: I changed it to `postion: static !important`
But breaks the hover..
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [May 13, 2018, 11:26am UTC](https://meta.discourse.org/t/discourse-retort/35903/246 "2018-05-13T11:26:10Z")
I’ve narrowed it down to this..
`post-retort__tooltip`
The width on the last one in the row is creating the margin on the right even though it’s not visible until you hover..
Final Solution:
```
.post-retort__tooltip {
visibility: hidden;
display: none;
}
.post-retort:hover .post-retort__tooltip {
visibility: visible;
display: inline;
}
```
---
### Author:  [@gdpelican](https://meta.discourse.org/u/gdpelican)
#### Post date: [May 14, 2018, 10:40am UTC](https://meta.discourse.org/t/discourse-retort/35903/247 "2018-05-14T10:40:19Z")
Thanks for the detective work, I’ll have a play with your css and hopefully merge it into master in the next day or two.
---
### Author:  [@Blinq](https://meta.discourse.org/u/Blinq)
#### Post date: [June 10, 2018, 9:48pm UTC](https://meta.discourse.org/t/discourse-retort/35903/248 "2018-06-10T21:48:10Z")
Amazing feature! Just one big request: The borders around the emoji are very obtrusive, especially in the dark theme. Thank you!
---
### Author:  [@gdpelican](https://meta.discourse.org/u/gdpelican)
#### Post date: [June 10, 2018, 10:09pm UTC](https://meta.discourse.org/t/discourse-retort/35903/249 "2018-06-10T22:09:47Z")
I’d suggest applying some custom css styles to your instance to taste. For example, to remove the border entirely you could do
```plaintext
.post-retort { border: 0; }
```
---
### Author:  [@Blinq](https://meta.discourse.org/u/Blinq)
#### Post date: [June 10, 2018, 11:39pm UTC](https://meta.discourse.org/t/discourse-retort/35903/250 "2018-06-10T23:39:15Z")
Thanks, do you know how/where I can add that line of code?
---
### Author:  [@gdpelican](https://meta.discourse.org/u/gdpelican)
#### Post date: [June 11, 2018, 3:41am UTC](https://meta.discourse.org/t/discourse-retort/35903/251 "2018-06-11T03:41:22Z")
You should be able to do so by visiting `/admin/customize/themes`, then creating a new theme and entering that into the ‘Edit CSS/HTML’ field under ‘CSS’
Someone Should™ write a howto for this, although maybe I’m missing where that resource is 🙂
---
### Author:  [@Blinq](https://meta.discourse.org/u/Blinq)
#### Post date: [June 11, 2018, 4:23am UTC](https://meta.discourse.org/t/discourse-retort/35903/252 "2018-06-11T04:23:11Z")
I followed that exactly and it still has a light blue highlight border as usual ☹
---
### Author:  [@XieLong](https://meta.discourse.org/u/XieLong)
#### Post date: [June 18, 2018, 12:49am UTC](https://meta.discourse.org/t/discourse-retort/35903/253 "2018-06-18T00:49:21Z")
> [@barreeeiroo](#):
>
> Is possible to notify the author of the post when a new user reacts on the post?
> As if it were a Like ❤
It seems this was not answered? I’m pretty sure it’s not possible in the current plugin state, but it would be pretty amazing addition to the plugin.
---
### Author:  [@jameshahnii](https://meta.discourse.org/u/jameshahnii)
#### Post date: [August 30, 2018, 8:31pm UTC](https://meta.discourse.org/t/discourse-retort/35903/254 "2018-08-30T20:31:23Z")
Loving this plugin. Question, does it have to open in a lightbox? Any chance you’d be willing to throw in a feature to make it behave a bit more like Facebook? A couple examples…
[Facebook Reactions JS](https://github.com/99points/Facebook-Reactions-JS)
[Facebook Reaction on Bootsnip](https://bootsnipp.com/snippets/yvbBV)
Gracias 🙂
[Previous page](https://meta.discourse.org/t/discourse-retort/35903.md?page=11)
[Next page](https://meta.discourse.org/t/discourse-retort/35903.md?page=13)