Problème de flux de publication Glimmer avec les réponses intégrées

UX
1

Bonjour :waving_hand:

Il semble que certains styles disparaissent sur le post parent lorsque j’ouvre la réponse intégrée dans le flux de posts Glimmer (mobile).

Merci :hugs:

2 « J'aime »
2

ah, je vois que le nom d’utilisateur se rapproche du corps du message, du message auquel vous avez répondu

3

Pour être honnête, j’ai du mal à voir le problème sur la vidéo (elle est assez floue pour moi).

Pourriez-vous télécharger des captures d’écran pour clarifier le problème ?

4

Je pense que le problème survient lorsque la réponse intégrée s’est développée, puis qu’elle a actualisé les classes et, par exemple, qu’elle a affecté les classes div
post__regular regular post__contents contents. Lorsque la réponse intégrée s’ouvre, ce div deviendra post__regular regular

Mais le CSS cible la classe .contents ici. Elle ne sera donc pas disponible lorsque les réponses intégrées seront ouvertes.

.mobile-view .boxed .contents {
  padding: 10px 0 0 0;
}

Screenshot 2025-08-01 at 17.19.03
Screenshot 2025-08-01 at 17.19.03352×567 37.9 KB

Je pense qu’il devrait y avoir d’autres classes manquantes ici… car cela ne devrait pas affecter le style du message parent.

5

Je suis désolé, je ne comprends toujours pas. Je ne vois rien de mal avec la capture d’écran ?

6

Lorsque vous ouvrez une réponse, le style du message parent est modifié. C’est ça le problème.

À l’origine, le message est en pleine largeur et possède un certain padding, etc. Cela peut également affecter les modifications personnalisées sur les messages. Avant le flux de messages Glimmer, aucune modification n’était apportée au message parent, il suffisait d’ouvrir les réponses.

2 « J'aime »
7

Ah, je vois maintenant, merci de votre patience ! :sweat_smile:

Cela ressemble à un petit rafraîchissement, je vais y jeter un œil – merci !

4 « J'aime »
9

Bonjour :waving_hand:

Voici un correctif rapide (si quelqu’un en avait besoin) ciblant la classe .post__regular au lieu de .contents car .contents est supprimé lorsque les réponses intégrées sont ouvertes.

@use "lib/viewport";

.topic-post {
  .boxed {
    .post__regular:not(.contents) {
      position: relative;
      clear: both;
    }
  }
}

.mobile-view {
  body:not(.archetype-private_message) {
    .boxed {
      .post__regular:not(.contents) {
        padding: 10px 0 0 0;
      }
    }
  }
}

// MP

.archetype-private_message {
  .post__regular:not(.contents) {
    border-radius: var(--d-border-radius);
    border: 1px solid var(--content-border-color);
    padding-top: 10px;
    padding-left: var(--pm-padding);
    margin-left: calc(var(--pm-padding) * -1);
    
    @include viewport.until(sm) {
      margin-left: 0;
      padding: 1.5em 1em 0;
    }
  }
}
11

Ce problème sera résolu par

3 « J'aime »