Discourse Retort

[McBlu (Blu McCormick)]

Danke, @cpradio.

Ich habe zwar gesucht, aber nichts in Bezug auf Retort gefunden:

Ich arbeite bei Communiteq (ehemals DiscourseHosting), und es könnte sein, dass das Plugin dort nicht installiert ist. Stimmt das, @michaeld?

Hm, aus diesem Code geht hervor, dass man einfach die für Retorts zulässigen Emojis auflisten kann, ohne dies auf die von Mitgliedern an anderer Stelle verwendeten Emojis auszuwirken.

[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)]

Ja, ich habe nachgeschaut, und es war in den Plugins nicht aufgelistet. Ich habe eine Bestellung aufgegeben, damit es zu Communiteq (ehemals DiscourseHosting) hinzugefügt wird.

[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)]

Hat jemand diese von Stephen freundlicherweise erstellte Fork-Version des Plugins ausprobiert?

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.

Ich habe die gleichen Probleme wie Stephen und überlege, Communiteq (ehemals DiscourseHosting) zu fragen, ob sie nichts dagegen hätten, diese Version statt der Originalversion zu installieren. Ich habe auch bereits eine Nachricht an Stephen gesendet. Ich möchte eigentlich nur wissen, ob es gut funktioniert.

[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

Ich spreche über das „Emoji", das :olhos do corazao: anstelle von anzeigt.

@gdpelican

Hrm, ich würde nicht erwarten, dass Emojione ihre Emoji-Kurznamen übersetzt, und konnte keine Schritte zur Reproduktion finden.

Ich habe versucht, einen portugiesischen Benutzer in diesem Forum zu erstellen und mit „Herzaugen" zu reagieren, aber wie erwartet bleiben die Emoji-Kurznamen auf Englisch, was auch für den zentralen Discourse-Emoji-Auswähler gilt.

Die einzige Möglichkeit, die mir einfällt, wäre, dass ein Forum ein benutzerdefiniertes Emoji hinzufügt, jemand darauf reagiert und dann das benutzerdefinierte Emoji entfernt wird, was dazu führt, dass nur der Kurzname angezeigt wird. Ich habe keine gute Antwort auf diesen Anwendungsfall außer: „Machen Sie das nicht."

Ich bin mir nicht sicher, ob Sie die Reproduktionsschritte dafür bereits selbst gefunden haben, aber ich habe diesen Fehler ebenfalls bemerkt. Nach einigen Tests scheint dies der Weg zu sein, um dies zu 100 % der Zeit zu reproduzieren:

---

Wenn Sie eine Emoji-Reaktion auf ein Thema oder einen Beitrag hinzufügen, während Ihre aktuelle Seite in eine andere Sprache übersetzt ist (z. B. über Google Chrome > Rechtsklick > Seite übersetzen), wird anstelle des tatsächlichen Emojis eine „fehlerhafte" Emoji-Reaktion (:übersetzter_emoji_name:) hinzugefügt.

Schritte zur Reproduktion:

1. Erstellen Sie ein Thema oder wählen Sie ein bestehendes aus.
2. Klicken Sie auf die Schaltfläche .
3. Klicken Sie irgendwo mit der rechten Maustaste (in Chrome) und übersetzen Sie die Seite in eine beliebige Sprache.
4. Die :emoji_names: werden übersetzt, und beim Hinzufügen wird der übersetzte Text als Emoji-Reaktion gepostet.
   So sieht es für das Emoji aus, wenn die Seite ins Spanische übersetzt wird:

Es funktioniert nicht für jedes Emoji, da nicht alle Namen übersetzt werden.

Hoffentlich hilft das weiter. Falls dies bereits beantwortet/entdeckt wurde, tut es mir leid, dass ich es in diesem Thema nicht gefunden habe.

[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