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 絵文字ピッカーでも同様です。

考えられる唯一の可能性は、フォーラムがカスタム絵文字を追加し、誰かがそれに対してリアクションした後、そのカスタム絵文字が削除され、結果としてショートネームのみが表示されてしまうケースです。このユースケースに対する明確な回答はありませんが、「そのようなことはしないように」というしかありません

すでに再現手順を自身で見つけているかどうかは分かりませんが、私もこのバグに気づき、いくつかのテストを行った結果、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