Glimmer投稿ストリームで埋め込み返信に問題が発生

こんにちは :waving_hand:

Glimmer の投稿ストリーム(モバイル)で埋め込み返信を開くと、親投稿のスタイルが一部失われるようです。

ありがとうございます :hugs:

「いいね!」 2

ああ、ユーザー名が投稿本文に近づいているのがわかります。展開した投稿では、返信しているものが表示されます。

正直に言うと、動画で問題を確認するのが難しいです(私にはかなりぼやけています)。

問題を明確にするために、スクリーンショットをアップロードしていただけますか?

埋め込み返信が展開されたときにクラスが更新され、たとえば post__regular regular post__contents contentsdiv クラスに影響するのではないかと思います。埋め込み返信が開くと、この divpost__regular regular になります。

しかし、CSS はここで .contents クラスをターゲットにしています。そのため、埋め込み返信が開かれたときには利用できなくなります。

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

親の投稿スタイルに影響を与えるべきではないので、ここには他にも見落とされているクラスがあると思います…

申し訳ありませんが、まだ理解できません。スクリーンショットに何か問題があるようには見えません。

返信を開くと、親投稿のスタイルが変更されます。それが問題です。

元々、投稿は全幅表示で、パディングなどがありました。カスタム投稿の変更にも影響を与える可能性があります。Glimmer post stream 以前は、親投稿に何も変更を加えず、返信を開くだけでした。

「いいね!」 2

なるほど、わかりました。お付き合いいただきありがとうございます!:sweat_smile:

それは少しリフレッシュのようですね。見てみます。ありがとうございます!

「いいね!」 4

こんにちは :waving_hand:

これは簡単な修正です(もし必要なら)。.contents の代わりに .post__regular クラスをターゲットにしています。なぜなら、埋め込み返信が開かれたときに .contents が削除されるからです。

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

この問題は、UX: Always apply post content classes for replies by megothss · Pull Request #34468 · discourse/discourse · GitHub で対処されます。

「いいね!」 3