Smilies are not positioned correctly in the field

  • Resolved Reiner

    (@reiner1)


    3 years, 10 months ago

    Hi there,

    I use the Asgaros Forums Plugin, BuddyPress and WP-Monalisa.
    WP Monalisa works great everywhere except in the Asgaros forum.
    So I opened a thread here and posted my problem.
    There are also pictures of this problem to be seen

    https://www.asgaros.de/support/topic/smilie-problem/

    One of the supporters then wrote:

    Hey Reiner,

    it looks like there is a problem with the JS from monalisa.

    As a not so nice solution you can insert the following CSS:

    body.asgaros-forum .mce-wpml_richedit_button.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom {
    width: auto !important;
    height: auto !important;
}

body.asgaros-forum .mce-wpml_richedit_button.mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom img {
    margin: 5px !important;
}

    It would of course be better to get a solution from the support of Monalisa.

    This now works in the desktop view. Unfortunately, there are still display problems on the smartphone.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author tuxlog

    (@tuxlog)

    hello Reiner,

    thank you for the hint. I just tried with asgaros 1.15.8 and can confirm this.

    Maybe you can test the following before I release it:

    1. add a css class to wp-monalisa-default.css. Just add the lines at the end of the file: 

    img.wpml_ico_rich {
    display: inline-block;
}

    2. Change wpml_tinymce_plugin.js, replace line 10
    from:
    smhtml = smhtml + '<img id="wpmlre' + j + '" src="' + cs[2] + '" />';

    to:
    smhtml = smhtml + '<img class="wpml_ico_rich" id="wpmlre' + j + '" src="' + cs[2] + '" />';

    Step 2 adds a new css class to the icons used in richeditor.
    Step 1 solves the problem by changing display from ‘block’, which might have been new during the last release from asgaros (?) to inline-block which makes the smilies appear as before.

    Thanks in advance, Hans

    • This reply was modified 3 years, 10 months ago by tuxlog.
    Thread Starter Reiner

    (@reiner1)

    Hello Hans,

    I removed the CSS instructions from Asgaros Support and added your solution.
    Works pretty well.
    There are only problems with the mobile version.
    At least if the smilies are a bit bigger.

    greetings
    Reiner

    Plugin Author tuxlog

    (@tuxlog)

    Hello Reiner,

    great to hear it works. I will release it soon.

    Yes, I know about the problem with bigger and smaller smilies or better if you have smilies where the size is very different it won’t look very attracting to the user. I have no idea how to solve this for every combination but would suggest to sort the smilies so the groups of smilies with similiar size are near together.

    Regards, Hans

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Smilies are not positioned correctly in the field’ is closed to new replies.