@merefield - 충분히 꼼꼼하게 테스트하지 못해 불편을 끼쳐드린 점 사과드립니다. 문제는 관리되지 않는 TC(Topic Banners 컴포넌트)에서 발생했습니다. 해당 컴포넌트가 이미 오래전에 관리 중단(unmaintained) 상태로 설정되어 있다는 점을 인지하지 못했습니다. 그리고 이것이 어째서인지 여러분의 TC와 충돌을 일으켰습니다.
각 관리자 패널에서 TC 상태를 표시하도록 하는 새로운 Discourse 기능을 제안해 볼까요?
@merefield - 충분히 꼼꼼하게 테스트하지 못해 불편을 끼쳐드린 점 사과드립니다. 문제는 관리되지 않는 TC(Topic Banners 컴포넌트)에서 발생했습니다. 해당 컴포넌트가 이미 오래전에 관리 중단(unmaintained) 상태로 설정되어 있다는 점을 인지하지 못했습니다. 그리고 이것이 어째서인지 여러분의 TC와 충돌을 일으켰습니다.
각 관리자 패널에서 TC 상태를 표시하도록 하는 새로운 Discourse 기능을 제안해 볼까요?
문제가 아닙니다. 핵심 팀이 이미 해당 상황을 개선하기 위해 몇 가지 노력을 기울였다고 생각합니다. 더 이상 할 수 있는 조치가 있는지 확신은 없지만, 어쨌든 걱정하지 마세요. 어떤 경우엔 문제가 어디서 비롯된 것인지 파악하기가 쉽지 않기도 하니까요 :).
인피니티 로드를 통해 주제 목록을 불러오면 레이아웃이 깨지는 문제가 있는 것 같습니다. 확인하려면 단순히 이 URL을 열고 - 좌하단의 테마 토글을 사용하여 레트로로 전환한 후 문제를 발견할 때까지 모든 주제를 스크롤해 보세요: https://neidan.discourse.group
스크린샷:
스크린샷에서 볼 수 있듯이 인피니티 로드 이후 레이아웃이 깨져서 썸네일 등이 모두 뒤섞여 있습니다…
이 포럼은 공식적으로 discourse에서 호스팅되고 있으므로 플러그인과 수정 사항의 양이 매우 적습니다.
이전에는 이런 명백한 문제가 있었던 기억이 없습니다 - 업데이트와 함께 발생했을 것입니다…
흥미롭네요. 그리고 콘솔에도 에러가 없네요. 시간이 나면 한번 살펴볼게요. 보고해 주셔서 감사합니다. (참고로, 이 사이트 디자인이 꽤 예쁘네요
)
(참고로, 브라우저에 네이티브 Masonry 렌더링 기능이 없는 것은 짜증나는 결함입니다. 이 때문에 더 취약한 JavaScript를 작성해야 하죠. 이 Theme 컴포넌트는 이미 8년이 넘었는데, 그 동안에도 구현 방식에 대한 논쟁이 계속되고 있습니다!)
재현할 수 있습니다. 업데이트 후 https://starzen.space 도 깨진 것 같습니다.
이것을 시도해 보세요. (화면 밖일 때 크기 계산과 관련이 있을 것 같다는 생각이 듭니다. 기존에 우회 방법이 있었지만 Firefox로 제한되어 있었습니다)
업데이트 후 문제가 해결되는지 알려 주세요.
안녕하세요! 빠른 수정 감사합니다! 작동하는 것 같습니다. 다만 첫 번째 밀리초에 동일한 문제가 보이다가 다시 조정되는 것 같아서 우회 방법인 것 같습니다. 그래도 현재로선 결과가 잘 작동하고 있습니다. 감사합니다!
음, 그 의미에서 그것은 단순한 '임시 해결책’보다 더 깊은 의미를 가집니다. 이 JavaScript는 과도한 영향을 주지 않도록 설계되었습니다. 더 자주 실행된다면 에너지를 낭비하게 될 것입니다. CSS에서 masonry가 지원될 때까지의 타협안입니다…
아, 알겠습니다! 빠른 수정 감사합니다!
이 컴포넌트를 계속 사용하겠습니다. 곧 해결되기를 바랍니다.
기다려도 소용없어 ㅋㅋ
마지막으로 하나 더, 내 iPhone 13 mini에서 모바일 뷰가 평소보다 좀 더 어긋나는 것 같아 - 여기 스크린샷 첨부할게.
이건 확실히 이전보다 나빠졌어. 이거 고칠 방법 있어? 텍스트와 이미지가 경계를 훨씬 벗어나고 있어.
@patrickemin 이 CSS도 시도해 볼 수 있습니다:
.tiles-style .topic-list-item.tiles-style {
background-color: var(--primary-very-low);
}
타일 간 구분을 돕기 위한 간단한 배경색을 적용해 주는 것입니다.
이렇게 하면 사이드카 플러그인이 필요하지 않게 됩니다.
확실히 CSS로 수정할 수 있습니다. 도움이 필요하시다면 Marketplace 채널로 연락해 주세요.
이 컴포넌트는 오픈 소스이며 구독료가 없지만, 바쁜 관계로 무료 지원은 제한적일 수 있습니다.
OP에 언급된 두 사이트에서 해당 문제를 확인하지 못했습니다. (귀하의 기기에서 직접 확인해 보시기 바랍니다.) 특정 테마의 특수 요구 사항과 관련이 있을 것으로 추정됩니다.
감사합니다. 그런데 모든 타일이 영향을 받나요? 이상적으로는 두 타일 중 하나(짝수 타일)만 이 배경색을 가지는 것이 좋겠지만, CSS로는 불가능한 것 같습니다?
특별한 요구 사항이 있으시다면 전문가를 고용하는 것을 추천합니다 Marketplace
더 잘 작동하도록 해야 할 또 다른 수정 사항을 추가했습니다:
이 수정으로 토픽 수가 변경될 때 타일의 크기가 조정되어야 합니다.
코너 케이스에 걸렸네요 ㅋㅋ
토픽 미리보기에 360p 애니메이션 avif를 사용하고 싶어서 이렇게 설정했어요:
토픽을 열고 추천 글까지 스크롤 내리기 전까지는 잘 작동했어요 ![]()
어떤 이유인지 모르겠지만 추천 글에는 크기 제한이 적용되지 않는 것 같습니다.
(그리고 이미지와 카드 링크가 새 글이 아니라 토픽 상단으로 연결되는데, 제목 링크처럼 동작하지 않네요. 하지만 이건 별개의 문제입니다)
Topic list tiles topic lists에 suggested를 추가했는데, 일부 수정된 것 같습니다.
이제 제대로 수정해 보겠습니다.
@merefield
제목 링크가 t/foo/123/1을 가리키는데, 이미지와 세부 정보 링크가 /t/foo/123을 가리키는지 확인해 주시겠어요?
어딘가에 버그가 있는 것 같습니다.
읽지 않은 주제 링크가 깨지거든요(물론 새 게시물을 가리켜야 합니다).
이미지는 보통 섬네일이 있는 OP(첫 번째 게시물)로 링크되도록 의도되었습니다. 하지만 더 많은 옵션을 제공할 수 있도록 설정을 추가할 수 있습니다. 여기에는 (하지만 이에 국한되지 않습니다) 다음이 포함됩니다: