[Problème] Icone de modification articles Front-End disparait au survol

[M0ka]

Bonjour,
Il y a un moment que je ne m'étais pas tourné vers la communauté, mais aujourd'hui je me trouve face à un problème inédit :
J'utilise le template AT-Tahoma sur Joomla 3.6.2 , le soucis est qu'une fois connecté en Front-End pour modifier un article, l'icone de modification présente, disparaît des que je passe mon curseur dessus, je peux cliquer dessus une fois, mais des que je le déplace mon curseur l'icone n'est plus affichée et je dois actualiser la page pour qu'il soit présent de nouveau.
Mon élément edit-icon à l'attribut element.style { display: none;} quand je l inspecte avec FireBug.

Où puis-je trouver le fichier qui gère cet élément ?
Ce problème a t'il déjà été rencontré sur ce genre de template ?

Merci

[toffffe]

Re : Icone de modification articles Front-End disparait au survol

Salut
As-tu essayé de mettre un autre template pour voir si le problème est le même ?
Je pense que tu n'auras pas le problème, et donc que c'est un problème de css

[M0ka]

Re : Icone de modification articles Front-End disparait au survol

Salut, merci pour ta réactivité
J'ai changé de template et je n'es pas ce problème. Ce qui m'intrigue c'est l'attribut element.style, il ne serai pas gérer par le css en théorie. Si c'était du css je devrai avoir l'indication .icon-edit: -> template ( ligne **** ) ?
Je suis entrain de chercher des fichiers tpl voir si je trouve quelque chose.

[papounet]

Re : Icone de modification articles Front-End disparait au survol

Si c'était du css je devrai avoir l'indication .icon-edit: -> template ( ligne **** ) ?

NON, Certainement pas.

Mais un truc dans ce genre, alors oui

span.icon-cog {
background-image: url(../images/icons/icon-cog.png);
}
span.icon-print {
background-image: url(../images/icons/icon-print.png);
}
span.icon-envelope {
background-image: url(../images/icons/icon-email.png);
}
span.icon-edit {
background-image: url(../images/icons/icon-edit.png);
}

[papounet]

Re : Icone de modification articles Front-End disparait au survol

Ai installé ton template.


Voici le css retenu pour ton image de icon-edit

/* Ligne 3067 */
.icon-edit, div.itemToolbar ul li .icon-print, div.itemToolbar ul li .icon-envelope, div.itemToolbar ul li .icon-edit, .avatar-itemToolbar .glyphicon
{
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 12px;
}

/* Ligne 3144 */
.hasTooltip
{
display: inline-block;
}

/* Ligne 1245 */
.avatar-itemToolbar .glyphicon, .avatar-itemToolbar .icon-print, .avatar-itemToolbar .icon-envelope, .avatar-itemToolbar .icon-edit
{
color: #000000;
}

/* Ligne 3067 */
.icon-edit, div.itemToolbar ul li .icon-print, div.itemToolbar ul li .icon-envelope, div.itemToolbar ul li .icon-edit, .avatar-itemToolbar .glyphicon
{
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
font-size: 12px;
}

Pas d'image la dedans
C'est curieux parce que elle est dans typography.css
mais ce style n'est utilisé à priori

.a-icon-edit{
background: url('../images/icons/typo/icon_edit.png') 5px center no-repeat;
}

[M0ka]

Re : Icone de modification articles Front-End disparait au survol

Bonjour, Merci pour vos réponses, effectivement j'ai pu contourner le problème en appliquant :
div.itemToolbar ul li a {
float: right;
font-size: 15px;
font-weight: bold;
position: absolute;
top: 0;
}

Je me retrouve avec un beau Modifier a droite du titre de l'article qui ne bouge plus.

Et c'est malheureusement là qu'un autre problème similaire survient, dans mes tables de modification front-end si je passe de Contenu à images et liens la tab Contenu disparait avec un style="display: none;" qui s'applique automatiquement :
<li class="">
<a href="#editor" data-toggle="tab" style="display: none;" aria-expanded="false">Contenu</a>
</li>

J'ai été chercher dans mes system -> js

je ne vois pas à quoi sert se display none et comment l'enlever.

Merci pour votre attention.