Problème avec le bouton "mentionner" de la réponse rapide

[Hadhellia]

Détails techniques

Version du forum : ModernBB
Poste occupé : Modérateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le 02/08/2017
Lien du forum : http://epicode.bbactif.com/

Description du problème

Bonjour à vous !
Je rencontre actuellement un problème avec un script que j'ai trouvé à la suite d'un tutoriel sur votre forum. Il s'agit de celui concernant l'ajout d'un bouton "Mentionner" où l'on peut inscrire le pseudonyme d'un utilisateur que l'on souhaite voir notifié. Cependant, l'icône ne s'affiche pas correctement dans l'éditeur, puisque ce n'est plus le signe ALT mais le logo Youtube.

Je n'ai rencontré ce problème que sur ModernBB, puisque je l'ai testé sur les versions antérieures.

Voilà le code de mon script.

Placement : sur toutes les pages

Code:

$(function(){
  if (!$.sceditor || /\/privmsg/.test(window.location.pathname)) return;
  var storage = window.localStorage, s = document.createElement('SELECT'), amis;
 
  if (storage && storage.faAmis && storage.faAmisExp > +new Date - 29*59*1000 && storage.faAmisUser == _userdata.username) s.innerHTML = storage.faAmis;
  else {
      $.get('/privmsg?mode=post', function(d) {
        amis = $('select[name="userfriend"]', d)[0] || 0;
 
        if (amis) {
            amis.firstChild.innerHTML = 'Sélectionner un ami';
            s.innerHTML = amis.innerHTML;
        }
 
        if (storage) {
            storage.faAmis = amis ? amis.innerHTML : 0;
            storage.faAmisUser = _userdata.username;
            storage.faAmisExp = +new Date;
        }
      });
  }
 
 
  $.sceditor.command.set('mention', {
      dropDown : function(editor, caller, callback) {
        var a = document.createElement('DIV'), b = document.createElement('INPUT'), c = document.createElement('INPUT');
        b.type = 'button';
        b.value = 'Insert';
        b.className = 'button';
 
        c.type = 'text';
        c.id = 'fa-mention';
 
        a.innerHTML = '<div><label for="fa-mention">Pseudo de l\'utilisateur :</label></div>' + ( s.innerHTML ? '<div><label>Mentionner un ami :</label></div>' : '' ) + '<div></div>';
        a.firstChild.appendChild(c);
        a.lastChild.appendChild(b);
 
        if (s.innerHTML != 0) {
            s.value = '';
            a.getElementsByTagName('DIV')[1].appendChild(s);
            s.onchange = function() {
              c.value = s.value;
            };
        }
 
        b.onclick = function() {
            c.value && callback(c.value);
            editor.closeDropDown(true);
        };
 
        editor.createDropDown(caller, 'insertmention', a);
      },
 
      exec : function(c) { mention(c, this) },
      txtExec : function(c) { mention(c, this) },
 
      tooltip : 'Mentionner un membre'
  });
 
  toolbar = toolbar.replace(/quote,/,'mention,quote,');
 
  function mention(c, e) {
      $.sceditor.command.get('mention').dropDown(e, c, function(pseudo) {
        e.insertText('@"' + pseudo + '" ');
      });
  }
});

S'il manque une quelconque information, n'hésitez pas à m'en faire part !
Merci à vous

EDIT : Finalement, j'ai réussi à m'en sortir avec du CSS

Code:

/* BOUTON MENTIONNER REPONSE RAPIDE */
.sceditor-button-mention{
  width:28px!important;
  height:32px!important;
  background-image:url('https://puu.sh/x1iua/a860f16dfc.png')!important;
  background-repeat:no-repeat!important;
  background-position:5px 6px;
}
.sceditor-button:hover{
  background-position:5px 6px!important;
}
.sceditor-button-mention > div{
  display:none!important;
}
.sceditor-button-mention > div:before{
  content:'';
  width:16px;
  height:16px;
}