Problema di stream Glimmer post con risposte incorporate

UX
1

Ciao :waving_hand:

Sembra che alcuni stili vengano persi nel post padre quando apro la risposta incorporata nel flusso di post di Glimmer (mobile).

Grazie :hugs:

2 Mi Piace
2

oh, vedo che il nome utente si avvicina al corpo del post, del post che hai espanso a cui sta rispondendo

3

Ad essere sincero, ho difficoltà a vedere il problema nel video (è piuttosto sfocato per me).

Potresti caricare alcuni screenshot per chiarire il problema?

4

Penso che il problema sia quando la risposta incorporata si espande, aggiorna le classi e, ad esempio, influisce sulle classi div post__regular regular post__contents contents. Quando la risposta incorporata si apre, questo div diventerà post__regular regular

Ma il CSS ha come target la classe .contents qui. Quindi questa non sarà disponibile quando le risposte incorporate saranno aperte.

.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

Penso che ci debbano essere altre classi mancanti qui… perché non dovrebbe influire sullo stile del post padre.

5

Mi dispiace, non l’ho ancora capito. Non vedo niente di sbagliato nello screenshot?

6

Quando apri una risposta, lo stile del post padre cambia. Questo è il problema.

Originariamente il post è a larghezza intera e ha un po’ di padding, ecc… Può anche influire sulle modifiche personalizzate ai post. Prima dello stream di post di glimmer, non apportava alcuna modifica al post padre, si limitava ad aprire le risposte.

2 Mi Piace
7

Capisco ora, grazie per la pazienza! :sweat_smile:

Sembra un piccolo aggiornamento, ci darò un’occhiata – grazie!

4 Mi Piace
9

Ciao :waving_hand:

Ecco una rapida correzione (se qualcuno ne avesse bisogno) che prende di mira la classe .post__regular invece di .contents perché .contents viene rimosso quando le risposte incorporate vengono aperte.

@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;
      }
    }
  }
}

// PM

.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

Questo problema verrà affrontato da

3 Mi Piace