こんにちは ![]()
Glimmer の投稿ストリーム(モバイル)で埋め込み返信を開くと、親投稿のスタイルが一部失われるようです。
ありがとうございます ![]()
こんにちは ![]()
Glimmer の投稿ストリーム(モバイル)で埋め込み返信を開くと、親投稿のスタイルが一部失われるようです。
ありがとうございます ![]()
ああ、ユーザー名が投稿本文に近づいているのがわかります。展開した投稿では、返信しているものが表示されます。
正直に言うと、動画で問題を確認するのが難しいです(私にはかなりぼやけています)。
問題を明確にするために、スクリーンショットをアップロードしていただけますか?
埋め込み返信が展開されたときにクラスが更新され、たとえば post__regular regular post__contents contents の div クラスに影響するのではないかと思います。埋め込み返信が開くと、この div は post__regular regular になります。
しかし、CSS はここで .contents クラスをターゲットにしています。そのため、埋め込み返信が開かれたときには利用できなくなります。
.mobile-view .boxed .contents {
padding: 10px 0 0 0;
}
親の投稿スタイルに影響を与えるべきではないので、ここには他にも見落とされているクラスがあると思います…
申し訳ありませんが、まだ理解できません。スクリーンショットに何か問題があるようには見えません。
返信を開くと、親投稿のスタイルが変更されます。それが問題です。
元々、投稿は全幅表示で、パディングなどがありました。カスタム投稿の変更にも影響を与える可能性があります。Glimmer post stream 以前は、親投稿に何も変更を加えず、返信を開くだけでした。
なるほど、わかりました。お付き合いいただきありがとうございます!![]()
それは少しリフレッシュのようですね。見てみます。ありがとうございます!
こんにちは ![]()
これは簡単な修正です(もし必要なら)。.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;
}
}
}