FriendsOfFlarum Reactions

tolgaaaltas

fakruzaruret If you don't see "Incompatible" tag, yes it does.

sanwhere

does anyone know that where can i find the emoji list?

datitisev

sanwhere You can use Twemoji (they are just Unicode emojis for Twitter) and FontAwesome icons

nitaaikumar

datitisev I wanted to use this Okay, Ok Hand, Perfect Twemoji but it is not showing up at all when I put any of these words. I tried many other combinations too. I wanted to use it so users can appreciate others posts as perfect and very nice. Please help.

ColaIan

Hello, I'd like to know how do I use custom image as emoji?

datitisev

ColaIan You can use custom images by using custom icon names, e.g. setting a reaction's icon to custom <reaction name> and then using CSS to style .fa-custom.<reaction name>:before.

Example: custom custom-<image name> (untested code follows)

.fa-custom {
  &:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    margin-right: 0;
    background-size: 100% !important;
    background: no-repeat 0 0;
  }

  &.custom-<image name>:before {
    background-image: url(<image url>);
  }

tankerkiller125

nitaaikumar :ok_hand: 👌 to get auto-complete you need to start the emoji keyword with a :

datitisev

nitaaikumar Emoji names do not have spaces. Autocomplete automatically detects ok_hand when you even just type ok_.

sanwhere

datitisev you can explain emojis with lots of different ways, how i am suppose to know exact one?
i wanted to add some of them to my forum, i couldn't find any of it even i tried their common name.

jordanjay29

sanwhere https://emojipedia.org is where I find the names.

Yalfoosh

For some reason, heart_eyes isn't picked up as an emoji separate from :heart:. Is this a bug or is it intended?

datitisev

Yalfoosh :heart_eyes: is :lovestruck: (😍) with twemoji... I guess it'd help if there was an emoji dropdown 🤔

[deleted]

Upgraded to 0.1.1 of fof/reactions, and now see the below in the console - plus the fact that the posts are now also messed up

mithril.js:2062 Uncaught TypeError: Cannot read property 'reactions' of undefined
    at e.a.init (PostReactAction.js:80)
    at e.t (Component.js:65)
    at new e (forum-8065c89a.js:1250)
    at mithril.js:763
    at P (mithril.js:794)
    at mithril.js:822
    at M (mithril.js:847)
    at A (mithril.js:1000)
    at O (mithril.js:630)
    at A (mithril.js:989)

EDIT - I've had to disable this extension as it crashes the site.

datitisev

[deleted] Oops, I tried to fix something and broke everything without realizing 🙈. I'll fix it in a few hours. You can downgrade to v0.1.0 in the meantime (unless you are using bazaar, which I assume you are as I didn't post an update).

datitisev

[deleted] [deleted]

0.1.2

0.1.1 Fix issues when the post reactions haven't been loaded
- e.g. with fof/merge-discussions preview
0.1.1 Save created at & updated at times for reactions (FriendsOfFlarum/reactions14)
- not currently shown in the frontend anywhere, but it's in the DB
Fix issues introduced in 0.1.1

Updating

composer require fof/reactions

datitisev

[deleted] [deleted]

EDIT: Uh... I have no idea how i mentioned you... Sorry? 🤔 🤗

0.2.0

Added the ability to disable reactions without having to delete (FriendsOfFlarum/reactions15)
Added display names to reactions - they show when hovering over the image instead of the identifier
- If no display name set, the identifier is still shown
Rewritten a tiny bit of the JS code
Reworked the styling of the CSS interface

Updating

composer require fof/reactions

[deleted]

v0.1.1 breaks/messes my flarum site

[deleted]

[deleted] #metoo

[deleted]

datitisev no issues. Not using Bazaar - ran a composer update to see what had changed first then went ahead and installed.

[deleted]

datitisev confirmed working

[deleted]

Perfect! 😀 Thanks @datitisev

Littlegolden

FriendsOfFlarum It's a bit strange in the unlogged interface ↓

This problem can be fixed by modifying the css ↓ , but it will affect the proper position of the logined interface too.

.Reactions .CommentPost--Reactions {
	max-width: 160px !important;
	left: -28% !important;
}
@media (max-width: 992px) {
	.Reactions .CommentPost--Reactions{
		left: auto !important;
		right: 0 !important;
	}
}

So How to make the css execute in the unlogged interface only, so that fix this problem?

« Previous Page Next Page »