Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Souci sur un tag


4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Sacha
Sacha
https://amis-pub.forumactif.com/

MessageSacha Sam 6 Oct 2018 - 2:50

Hello Phil,

J'ai un petit souci que je ne parviens pas à résoudre Phil. J'espère que tu pourras m'aider à résoudre le problème.



Sur la capture écran ci-dessus, tu remarqueras que sur le premier message (Un message édité) que je suis ennuyé avec 2 br gênants !

Tu remarqueras sur cette même image sur le deuxième message qui n'a jamais été édité les traces du padding que j'ai placé dans le CSS servant sur le texte du message édité "Dernière édition par Mastermix le Ven 5 Oct 2018 - 23:53, édité 3 fois" Puisque ce deuxième message n'a jamais été édité, il ne devrait même pas avoir cette trace !

Template viewtopic_body : Ligne 219

Code:
<span class="editmess">{postrow.displayed.EDITED_MESSAGE}</span>

Dans l'inspection du navigateur :

Code:
<span class="editmess"><br><br>Dernière édition par Mastermix le Ven 5 Oct 2018 - 23:53, édité 3 fois</span>

Css associé à la class editmess

Code:
.editmess {
background-color:#8b0000;
color:#fff !important;
padding: 3px;
}

Sur la capture écran ci-dessous Phil, sur le premier message, donc, celui qui a été édité 3 fois, qu'une fois que je supprime les 2 br dans l'inspection des éléments du navigateur cela reviens à la normale.

Après suppression des 2 br dans l'inspection des éléments du navigateur

Code:
<span class="editmess">Dernière édition par Mastermix le Ven 5 Oct 2018 - 23:53, édité 3 fois</span>

Cependant sur le deuxième message, celui qui n'a jamais été édité, il garde les traces du padding alors qu'il ne devrait rien y avoir du tout !



Donc Phil, est-ce possible de faire en sorte de supprimer les 2 br gênants du tag ci-dessous ?

Code:
{postrow.displayed.EDITED_MESSAGE}

Et qu'il ne garde pas de trace du padding placée pour le texte en cas d'édition du message quand un message n'est pas édité ?

Si tu vas sur mon forum Phil, le template viewtopic_body n'est pas publié et pour voir utilise le sujet "teste sur un sujet dans liste des sujets"

Merci pour ton aide.

Sacha.


Dernière édition par Sacha le Mer 10 Oct 2018 - 15:56, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 6 Oct 2018 - 6:10

Hello Sacha,
tu as déposé la variable qui gère les messages des éditions dans un span, et cette balise n'est pas réellement conçue pour recevoir un contenu.
J'ai donc remplacé par une div et revu le style de cette dernière en déposant un display:inline-flex.

Code:
<div class="editmess"style="margin-top:4px;display: inline-flex;">{postrow.displayed.EDITED_MESSAGE}</div>

Puis le script ajouté dans la gestion des scripts:
Code:
//On supprime le padding si pas d'édition
$(function(){
$('.editmess').each(function(){
if($('.editmess:empty').length)
{
$('.editmess:empty').css('padding','0px');
};
});});

Qui supprimera le padding si le message n'a pas était édité clin oeil
Sacha
Sacha
https://amis-pub.forumactif.com/

MessageSacha Sam 6 Oct 2018 - 17:00

Hello Phil,

Cela ne va pas trop bien Phil regarde la capture ci-dessous.



En appliquant une hauteur et une marge left, j'arrive à cela :



Code:
.editmess {
background-color:#8b0000;
color:#fff !important;
padding: 3px;
height: 14px;
margin-left: 5px;
}

Le problème maintenant, c'est qu'il m'est impossible de remonter le texte seul dans l'encadrement rouge pour faire comme par exemple sur l'image ci-dessous



aurais-tu une solution ? Parce que là dans l'état actuel je ne peux pas conserver cela ainsi.

Merci pour ton aide.

Sacha.


Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 6 Oct 2018 - 20:39

Hello Sacha,
j'ai modifié le style de cette balise:

Code:
.editmess {
background-color:#8b0000;
color:#fff !important;
padding: 3px;
height: 14px;
margin-left: 5px;
line-height: 3px;
margin-top:4px;
float:left;
}

Tout est ok désormais hinhin
Sacha
Sacha
https://amis-pub.forumactif.com/

MessageSacha Sam 6 Oct 2018 - 21:02

Re Phil,

Bien vu Phil, je n'aurais jamais pensé à utiliser le float et line height en supprimant le display: inline-flex

Bête question, cela ne fonctionne que sur le premier poste ? Parce que j'ai voulu voire sur le deuxième poste, mais il ne notifie pas que le poste a été éditer comme celle du dessus !



Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 7 Oct 2018 - 5:10

Hello Sacha,
cela fonctionne sur tous les messages sauf le dernier Sacha clin oeil .
Sacha
Sacha
https://amis-pub.forumactif.com/

MessageSacha Dim 7 Oct 2018 - 11:27

Hello Phil,
Bizarrement, pas de mon côté, J'ai pourtant vidé le cache et les cookies et même essayé avec le navigateur Edge ! Mon navigateur Google Chrome est à jour sur la Version 69.0.3497.100 (Build officiel) (64 bits)

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 7 Oct 2018 - 12:03

Le soucis est réglé Sacha,
Milouze14 a écrit:
Hello Sacha,
cela fonctionne sur tous les messages sauf le dernier Sacha clin oeil .

A moins que l'on ne se comprenne pas!!!
fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Lun 8 Oct 2018 - 13:07

Bonjour SACHA,
Philippe sera absent toute la semaine pour des raisons familiales.
Sacha
Sacha
https://amis-pub.forumactif.com/

MessageSacha Mer 10 Oct 2018 - 15:56

Hello Fascicularia,

Je comprends pas de souci.

Je vais clore ce sujet et ouvrir un autre et peut-être que tu pourras m'aider sur le système de Messenger qui n'a pas l'aire de vouloir marcher lol

Sacha.
Jackymi
Jackymi
MIlouzien regretté

http://www.skywebforum.com/

MessageJackymi Mer 10 Oct 2018 - 17:19


Coucou

Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum