非表示ブロックで画像レイアウトが再フォーマットされている

フォーラムの長年のモデレーターをしており、このプラットフォームを気に入っています。しかし、最近のアップデートで、非表示ブロックの書式設定が変更されたようで、私がフォーラムで管理している「ティアリスト」が台無しになってしまいました。

以下に実演させてください…
(編集:ここでは新規ユーザーのため、一度に1つの画像しか投稿できないため実演できません。このまま投稿しますが、誰かが以下で実演できれば素晴らしいです。そうでなければ、問題はこちらで確認できます:https://www.neomonstersforum.com/t/neo-monsters-tier-list-see-first-post/26946/2)

[画像2] [画像3] [画像4] [画像5]

^ ここでは、きれいに横一列に並んでいます。

S tier

ここに同じ画像を埋め込みました。

^ ここでは縦一列に表示されます。

編集中は、プレビューでは横一列に表示されますが、投稿の編集を保存してから数秒後に縦一列に反転します。

書式設定が一貫しておらず、以前はこのようには機能しなかったため、これはバグのように思われます。

こんにちは、メタへようこそ! :wave: :smile:

あなたの問題は、ライトボックスが画像に適用され、それらが全幅を使用していることだと思います。以前はそれほど小さい画像には適用されなかったはずなので、それが理由かもしれません。また、CSSを確認しましたが、[details] タグに最近の変更はありませんでした。 :thinking:

要するに、テーマまたは新しいテーマコンポーネントに追加できるCSSは次のとおりです。

.cooked details[open] .lightbox-wrapper {
    display: inline-block;
}

そうすれば、欲しいものが手に入るはずです。


ちなみに、画像は [details] 内でインラインにすべきだと思います。タグの外ではそれがデフォルトの動作であり、ユーザーにインライン/ブロックの選択肢を与えることになります。 :thinking:

編集:Moin が発見したように、ライトボックスが小さい画像に適用されることは、次のことに関連しています。

「いいね!」 2

ライトボックスが以前より小さい画像に適用されるようになったことを突き止めてくれた @Moin さん、本当にありがとうございます。フォーラム管理者に連絡して、CSSの提案でテーマ/テーマコンポーネントを変更してもらうようにします。

「いいね!」 2

@Arkshine 再度ありがとうございます。修正が機能しました!

「いいね!」 2