말씀하신 것에 동의합니다. 저는 Discourse 개발자가 아니기 때문에 무엇이 가능하고 불가능한지 잘 모르겠습니다.
GitLab 버그가 이제 수정되었습니다. @Jagster 님, 보고해 주셔서 감사합니다! ![]()
궁금해서 여쭤보는데, 이 부분은 어떻게 동작하나요:
&::before,
&::after {
content: "";
flex-basis: 100%;
width: 0;
order: 2;
}
요소들이 이동하는 것은 볼 수 있지만, 완전히 이해가 되지는 않습니다
폭이 없는 가상 요소 두 개가 모두 두 번째 위치에 배치되는 건가요…?
안녕하세요 @chapoi!
이 두 개의 의사 요소(pseudo-elements)는 열들이 합쳐지는 것을 방지하기 위해 존재합니다. 이들은 눈에 띄지 않도록 설계되었기 때문에 너비가 없지만, 아래 이미지에서는 파란색 선으로 표현되어 있습니다.
이 요소들이 없으면 열의 높이가 너무 차이가 날 때 열들이 합쳐지기 시작할 수 있습니다.
위 이미지에서 요소 3, 6, 9는 열 3에 배치되도록 설정되어 있습니다 (order 속성이 3으로 설정됨). 하지만 의사 요소들을 제거하면, 열 3은 열 2 바로 아래에서 시작됩니다 (even with order 3). 아래 이미지를 참고하세요. "열 3"은 초록색으로 강조되어 있습니다.
그 이유는 flexbox가 가장 높은 열과 비교하여 바로 앞의 열에 남은 공간이 있는지 확인하기 때문입니다. 첫 번째 요소를 넣을 만큼 충분한 공간이 있으면, flexbox는 그 공간에 요소를 삽입합니다.
하지만 의사 요소는 열처럼 동작하므로, flexbox는 실제 열 대신 의사 요소를 확인하여 빈 공간을 찾습니다. 그리고 의사 요소의 높이가 100%이므로, flexbox는 빈 공간을 찾지 못해 우리가 원하는 위치에 열 3이 시작되게 됩니다.
이해가 잘 되셨기를 바랍니다. ![]()
매우 영리한 해결책이에요!
불행히도 그건 제가 직접 생각해낸 건 아니에요. ![]()
내가 운영하는 포럼의 사용자 중 한 명이 모바일 기기(태블릿, 스마트폰)의 화면을 회전했을 때, 이미지가 새 해상도에 맞게 올바르게 조정되지 않는 문제를 제기했습니다. 이는 이미지의 종횡비(너비 대 높이 비율)가 화면과 다르고(너무 세로가 긴 경우) 발생하는 현상으로, 이미지의 상단과 하단이 잘려 나갑니다. 이 문제를 최적화할 수 있을까요? 가능할지, 아니면 쉽게 해결할 수 있을지 전혀 감이 잡히지 않습니다.
피드백 감사합니다! 네, 기기를 뒤집으면 새로고침이 안 되더라고요. 그때는 해결책을 찾지 못했지만, 다시 한번 찾아볼게요.
불행히도 플립된 장치를 처리하는 좋은 방법을 아직 찾지 못했습니다.
또 다른 소식인데, 공지사항을 보지 못하셨다면, 이미지 그리드가 이제 코어에 추가되었습니다. 이 테마 컴포넌트와 정확히 동일하게 작동하지는 않지만, 정말 멋진 모습이며 코어에 포함되었다는 점이 훌륭합니다. 다음 토픽을 확인해 보세요:
메이슨리 이미지 갤러리 태그를 사용하여 사진 6장이 포함된 게시글을 작성했습니다. 여기까지는 문제가 없었습니다. 그런 다음 각 이미지에 링크를 추가하여 사용자가 이미지를 클릭하면 다른 게시글로 이동하도록 설정했습니다. 이렇게 한 후에도 원박스에서는 문제가 없어 보였지만, 실제 게시글에서는 메이슨리 형식이 사라지고 이미지가 순차적으로 표시되었습니다.
이것은 버그인가요, 아니면 링크 때문에 작동하지 않는 것인가요?
안녕하세요 @Octoberon! 링크/원박스(Onebox)와 함께 작동하도록 설계된 것이 아니기 때문에, 그것이 문제일 가능성이 높습니다. 이미지를 클릭하면 라이트박스가 열리도록 설계되었거든요. 얼마 전 비슷한 요청을 받은 적이 있었는데… ![]()
참고로, 이미지에 링크를 어떻게 추가하셨나요?
네, 그렇게 될 줄 알았어요. 링크를 만들려고 하면 이미지 텍스트를 선택한 뒤, 편집기의 일반 하이퍼링크 버튼을 사용해 같은 포럼의 다른 게시물로 연결되는 링크를 붙여넣으면 됩니다.
이미지 그리드 토픽에서 누군가 작성 버튼(컴포저 버튼)을 숨기는 방법에 대해 언급했습니다. 아마 CSS나 다른 방법으로 이미 해결되었을 수도 있지만, 다른 분들에게도 도움이 될 수 있을 것 같아 공유합니다. 자동 생성이 활성화되어 있다면 버튼을 사용할 필요가 없을 수도 있겠죠.
어쨌든, 버튼을 숨길 수 있는 옵션이 추가되었습니다.
오토 기능에 문제가 있는 분 계신가요? 3.1과 3.2 안정판으로 테스트해 보았는데, 두 경우 모두 카테고리가 올바르게 설정되어 있음에도 불구하고 작동하지 않고 메이슨리 갤러리가 생성되지 않습니다.
hey @jrgong! 이상하네, 나한테는 잘 동작하는 것 같아. 작동하지 않는 게시글 링크가 있어?
로그인이 필요해서 그 게시글을 볼 수 없었습니다. 죄송합니다.
어느 시점에 그 스테이징 사이트(맞죠?)에 로그인했던 것 같은데, 어쨌든 지금은 찾을 수가 없습니다.
안녕하세요
죄송합니다, 이 링크는 작동합니다: 350ml Challenge Just4Fun 🚀 Auf geht's 🚀 [Finale] - #91 von Hoppsi - Contests - Forum | Cannabisanbauen.net
해당 카테고리를 자동으로 활성화하고, 필요한 최소 이미지 수를 3으로 설정한 것으로 보입니다(게시글에 이미지가 3개 있으므로).
이미지 사이에 빈 줄이 하나 있는 것을 확인했습니다. 자동으로 빈 줄 허용 설정을 활성화하셨나요?
해당 문제를 재현하지 못했습니다. Masonry Image Gallery와 호환되지 않는 다른 테마 컴포넌트(또는 플러그인)가 설치되어 있는 것이 아닌가 싶습니다.



