Discourse Retort

[McBlu (Blu McCormick)]

谢谢，@cpradio。

我查过了，但没有找到与“retort”相关的内容：

我所在的 Communiteq（前身为 DiscourseHosting）可能没有安装该插件。是这样吗，@michaeld？

嗯，从这段代码来看，似乎你可以单独列出允许用于“retort”的表情符号，而不会影响成员在其他地方使用的表情。

[cpradio]

@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.

[McBlu (Blu McCormick)]

是的，我查看过，它并未列在插件中，但我已提交请求，希望将其添加到 Communiteq（原 DiscourseHosting）。

[McBlu (Blu McCormick)]

Discourse Retort

How come it becomes like this: [image] 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

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

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

OK, guys. Pull my fork instead: https://github.com/schungx/retort.git An empty emoji string in the limited set translates to a line-break.

[McBlu (Blu McCormick)]

有人试过 Stephen 热心制作的这个插件分支版本吗？

Discourse Retort

OK, guys. Pull my fork instead: https://github.com/schungx/retort.git An empty emoji string in the limited set translates to a line-break.

我遇到了和 Stephen 完全相同的问题，正考虑联系 Communiteq（原 DiscourseHosting），看他们是否愿意安装这个版本而不是原版。我也给 Stephen 发了消息。我主要想知道的是，这个版本是否运行顺畅。

[McBlu (Blu McCormick)]

@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.

[Vespura (Tom)]

@barreeeiroo

我说的是那个显示为 :olhos do corazao: 而不是 的“表情符号”。

@gdpelican

嗯，我不认为 Emojione 会翻译他们的表情符号短名称，而且我也没能找到复现步骤。

我尝试在那个论坛上创建一个葡萄牙语用户并用“爱心眼”表情进行反应，但正如预期，表情符号的短名称仍然保持英文，核心 Discourse 表情选择器也是如此。

我能想到的唯一可能性是，某个论坛添加了自定义表情符号，有人用它进行了反应，然后该自定义表情符号被移除，这会导致只显示短名称。对于这种用例，我实在没有好的回应，除了“别这么做。”

不确定你是否已经自己找到了复现步骤，但我注意到了这个 bug，经过一些测试，这似乎是 100% 复现此问题的方法：

---

当你的当前页面被翻译成其他语言（例如使用 Google Chrome > 右键点击 > 翻译页面）时，为主题或帖子添加表情符号反应会添加一个“出错”的表情符号（:translated_emoji_name:），而不是实际的表情符号图标。

复现步骤：

1. 创建一个主题或选择一个现有的主题。
2. 点击 按钮。
3. 右键点击任意位置（使用 Chrome）并将页面翻译成任何你喜欢的语言。
4. :emoji_names: 会被翻译，添加它们时会将翻译后的文本作为表情符号反应发布。
   例如，当页面被翻译成西班牙语时， 表情符号看起来像这样：

并非所有表情符号都会出现此问题，因为并非所有名称都会被翻译。

希望这能有所帮助。如果这个问题已经被回答或发现，那么很抱歉我没能在这个主题中找到它。

[Vaping_Community]

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;
}

[gdpelican (James Kiesel)]

Thanks for the report; this should be fixed in the latest master.

[Vaping_Community]

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…

[Vaping_Community]

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;
}

[gdpelican (James Kiesel)]

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.

[Blinq (Alex)]

Amazing feature! Just one big request: The borders around the emoji are very obtrusive, especially in the dark theme. Thank you!

[gdpelican (James Kiesel)]

I’d suggest applying some custom css styles to your instance to taste. For example, to remove the border entirely you could do

.post-retort { border: 0; }

[Blinq (Alex)]

Thanks, do you know how/where I can add that line of code?

[gdpelican (James Kiesel)]

You should be able to do so by visiting <yoursite>/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

[Blinq (Alex)]

I followed that exactly and it still has a light blue highlight border as usual

[XieLong]

@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.

[jameshahnii]

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

Facebook Reaction on Bootsnip

Gracias