Layout da imagem sendo reformatado em blocos ocultos

Olá, sou moderador há muito tempo em um fórum Discourse e adoro a plataforma. No entanto, em uma atualização recente, parece que a formatação dos blocos ocultos mudou e isso bagunçou uma “tier list” que eu gerencio em nosso fórum.

Deixe-me demonstrar…
(EDIT: Como sou um novo usuário aqui, só posso adicionar uma imagem por postagem, então não consigo demonstrar. Postarei isso de qualquer maneira e se alguém puder demonstrar abaixo, seria excelente. Caso contrário, você pode ver o problema aqui: 🏆 Neo Monsters tier list (see first post) 🏆 - #2 by Killerdog - Neo Monsters Guides and Tutorials - ZigZaGame Forum)

[imagem 2] [imagem 3] [imagem 4] [imagem 5]

^ Aqui elas estão em uma linha horizontal agradável

S tier

Aqui eu incorporei as mesmas imagens

^ Aqui elas aparecem em uma linha vertical

Durante a edição, a pré-visualização as exibe horizontalmente, mas alguns segundos depois que salvo a edição na postagem, elas as invertem verticalmente.

Isso parece um bug para mim, pois a formatação é inconsistente e nunca funcionou dessa maneira antes.

Olá, bem-vindo à meta! :wave: :smile:

Acho que o seu problema é que a lightbox está sendo aplicada às suas imagens, fazendo com que elas usem a largura total. Tenho quase certeza de que isso não se aplicava a imagens tão pequenas antes, então esse pode ser o motivo. Além disso, olhei o CSS e não houve alterações recentes na tag [details]. :thinking:

Resumindo: aqui está um CSS que você pode adicionar ao seu tema ou a um novo componente de tema:

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

Então, você deve obter o que deseja:


Como observação, acho que a imagem deveria estar inline em [details]. Esse é o comportamento padrão fora dessa tag, e daria ao usuário a escolha inline/bloco. :thinking:

EDIT: Como Moin descobriu, o fato de a lightbox ser aplicada a imagens pequenas está relacionado a:

2 curtidas

Muito obrigado @Moin por rastrear o problema até o lightbox ser aplicado a imagens menores do que antes. Entrarei em contato com nosso administrador do fórum e tentarei convencê-lo a alterar o tema / componente do tema com a sugestão de CSS.

2 curtidas

@Arkshine Obrigado novamente, a correção funcionou!

2 curtidas