×

Notice

The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Integration of new svg-smilieset EmojiOne

Integration of new svg-smilieset EmojiOne 8 months 1 week ago #35539

  • Valentin Z
  • Valentin Z's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 0
Hello,

is it an option for you to integrate a new smilie-set?

Since other extensions start to use the EmojiOne more frequently, it would be great to see it also be implemented in CComments.
I think many other users of CComment would appreciate it as well. Thank you!

Regards
Valentin

Integration of new svg-smilieset EmojiOne 8 months 5 days ago #35567

  • Valentin Z
  • Valentin Z's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 0

Integration of new svg-smilieset EmojiOne 8 months 4 days ago #35568

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 154
  • Thank you received: 1081
Hey Valentin,
I'll have to look at emojiOne - hearing it for the first time now. You can always add your own emoji sets by following the steps in the docs.

Regards,
Daniel
The following user(s) said Thank You: Valentin Z

Integration of new svg-smilieset EmojiOne 8 months 4 days ago #35569

  • Valentin Z
  • Valentin Z's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 0
Thanks for the reply. Okay I'll try it.

I currently use them with another module (integrated in Shoutbox):
Imo they look great and there is a large variety of icons to choose from.

See here

Integration of new svg-smilieset EmojiOne 8 months 4 days ago #35570

  • Valentin Z
  • Valentin Z's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 0
I followed the instruction on how to insert custom smilies and added to my custom.css
.bbcode_smiley {height: 24px !important; width: 24px !important;}
in order to resize the svg.

I can insert the smilies, but in the comment-section the smilies are not displayed properly when I want to select them.
See here for instance

In addition I have a problem to resize the emoticons in the BE configuration. Tried different CSS rules like:

.bbcode_smiley, div#emoticons-emojione img {
max-height: 32px !important;
max-width: 32px !important;
}

Thank you.

Integration of new svg-smilieset EmojiOne 8 months 4 days ago #35573

  • Daniel Dimitrov
  • Daniel Dimitrov's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 9618
  • Karma: 154
  • Thank you received: 1081
Hey Valentin,

You are very close. I won't tell you the solution though :) Inspect the page with the inspector tool and create the correct CSS rule for the images. I don't know why you think that the above rule will work, but it doesn't target the ccomment styles at all. The div that holds the images has the class ccomment-emoticons . So target the img inside of div.ccomment-emoticons img ...

Cheers,
Daniel
The following user(s) said Thank You: Valentin Z

Integration of new svg-smilieset EmojiOne 8 months 3 days ago #35578

  • Valentin Z
  • Valentin Z's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 0
Not, that difficult indeed. :)
Next, time have to look closer and try more - the right - rules.

05:02 early reply time.
Hope you had enough sleep to start the new week with freshness.

Cheers

Integration of new svg-smilieset EmojiOne 8 months 3 days ago #35579

  • Valentin Z
  • Valentin Z's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 9
  • Thank you received: 0
Now the icons in the FE looks fine with:

div.ccomment-emoticons img {
height: 24px !important;
width: 24px !important;
}

But in the BE Configuration -> Layout -> Emoticons, the icons are taking up 100% of the available space.
I use browser inspectation tool and added to my custom.css

div#emoticons-emojione.emoticons img {
height: 24px !important;
width: 24px !important;
}
But the icons still showing up in full size.



Regards
  • Page:
  • 1
Time to create page: 0.081 seconds