숨겨진 블록에서 이미지 레이아웃이 재포맷됨

[Killerdog (Chris)]

안녕하세요, 디스코urses 포럼에서 오랫동안 모더레이터로 활동하고 있으며 이 플랫폼을 정말 좋아합니다. 하지만 최근 업데이트 이후 숨겨진 블록(hidden blocks)의 포맷이 변경된 것 같고, 제가 관리하는 포럼의 '티어 리스트(tier list)'가 망가져 버렸습니다.

시연을 해볼게요…
(수정: 여기서 신규 사용자라 게시글에 이미지를 한 장만 추가할 수 있어 시연을 못 하네요. 그래도 일단 글을 올리고, 아래에서 누군가 시연해 주시면 정말 좋겠습니다. 아니면 이 링크에서 문제를 확인할 수 있습니다: 🏆 Neo Monsters tier list (see first post) 🏆 - #2 by Killerdog - Neo Monsters Guides and Tutorials - ZigZaGame Forum)

[image 2] [image 3] [image 4] [image 5]

^ 이렇게 가로로 깔끔하게 정렬되어 있습니다

S tier

여기에는 같은 이미지들을 삽입했습니다

^ 여기서는 세로로 정렬되어 있습니다

편집 중 미리보기에서는 가로로 표시되지만, 게시글의 편집을 저장한 후 몇 초가 지나면 세로로 바뀌어 버립니다.

포맷이 일관성이 없고 예전에는 이런 식으로 작동하지 않았기 때문에, 이건 버그인 것 같습니다.

[Arkshine]

안녕하세요, meta에 오신 것을 환영합니다!

문제는 라이트박스가 이미지에 적용되어 이미지가 전체 너비를 차지하도록 만드는 것 같습니다. 이전에는 그렇게 작은 이미지에는 적용되지 않았을 가능성이 높으므로, 그것이 원인이었을 수 있습니다. 또한 CSS를 확인해 보았는데, [details] 태그에 최근 변경 사항은 없었습니다.

간단히 말씀드리면: 테마나 새로운 테마 구성 요소에 추가할 수 있는 CSS가 있습니다:

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

이렇게 하면 원하는 결과를 얻을 수 있습니다:

---

참고로, [details] 태그 내에서 이미지는 인라인으로 표시되는 것이 적절하다고 생각합니다. 해당 태그 외부에서는 기본 동작이 인라인이며, 이렇게 하면 사용자가 인라인/블록 표시를 선택할 수 있습니다.

수정: Moin이 발견한 바에 따르면, 작은 이미지에 라이트박스가 적용되는 문제는 다음과 관련이 있습니다:

FIX: show lightbox for small images (#29140)

[Killerdog (Chris)]

@Moin 님, 이전보다 작은 이미지에도 라이트박스가 적용되는 문제를 찾아내 주셔서 정말 감사합니다. 포럼 관리자에게 연락하여 CSS 제안을 바탕으로 테마/테마 구성 요소를 수정하도록 요청해 보겠습니다.

[Killerdog (Chris)]

@Arkshine 다시 한번 감사드립니다. 수정이 잘 작동했습니다!