Glimmer-Post-Stream-Problem mit eingebetteten Antworten

UX
1

Hallo :waving_hand:

Es scheint, dass einige Stile auf dem übergeordneten Beitrag verloren gehen, wenn ich die eingebettete Antwort im Glimmer-Post-Stream (mobil) öffne.

Danke :hugs:

2 „Gefällt mir“
2

Ah, ich sehe, der Benutzername rückt näher an den Beitrag heran, des Beitrags, den Sie erweitert haben, auf den geantwortet wird.

3

Ehrlich gesagt, ich kann das Problem im Video nicht gut erkennen (es ist für mich ziemlich verschwommen).

Könnten Sie bitte einige Screenshots hochladen, um das Problem zu verdeutlichen?

4

Ich glaube, das Problem liegt darin, dass sich beim Erweitern der eingebetteten Antwort die Klassen neu laden und dies beispielsweise die Klassen des div post__regular regular post__contents contents beeinträchtigt. Wenn sich die eingebettete Antwort öffnet, wird dieser div zu post__regular regular.

Aber das CSS zielt hier auf die Klasse .contents. Diese wird also nicht verfügbar sein, wenn die eingebetteten Antworten geöffnet sind.

.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

Ich denke, hier fehlen noch weitere Klassen… denn es sollte den Stil des übergeordneten Beitrags nicht beeinträchtigen.

5

Es tut mir leid, ich verstehe es immer noch nicht. Ich sehe nichts Falsches an dem Screenshot?

6

Wenn Sie eine Antwort öffnen, ändert sich der Stil des übergeordneten Beitrags. Das ist das Problem.

Ursprünglich ist der Beitrag in voller Breite und hat etwas Polsterung usw. Es kann auch benutzerdefinierte Modifikationen an Beiträgen beeinträchtigen. Vor dem Glimmer-Post-Stream hat er keine Modifikationen am übergeordneten Beitrag vorgenommen, sondern nur die Antworten geöffnet.

2 „Gefällt mir“
7

Oooh, jetzt verstehe ich, danke, dass du Geduld mit mir hattest! :sweat_smile:
Das klingt tatsächlich nach einer kleinen Auffrischung, ich werde es mir ansehen – danke!

4 „Gefällt mir“
9

Hallo :waving_hand:

Hier ist ein schneller Fix (falls jemand ihn braucht), der die Klasse .post__regular anstelle von .contents anvisiert, da .contents entfernt wird, wenn die eingebetteten Antworten geöffnet werden.

@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

Dieses Problem wird unter der folgenden Adresse behoben:

3 „Gefällt mir“