주제 목록 미리보기 (TLP)

@merefield - 충분히 꼼꼼하게 테스트하지 못해 불편을 끼쳐드린 점 사과드립니다. 문제는 관리되지 않는 TC(Topic Banners 컴포넌트)에서 발생했습니다. 해당 컴포넌트가 이미 오래전에 관리 중단(unmaintained) 상태로 설정되어 있다는 점을 인지하지 못했습니다. 그리고 이것이 어째서인지 여러분의 TC와 충돌을 일으켰습니다.

각 관리자 패널에서 TC 상태를 표시하도록 하는 새로운 Discourse 기능을 제안해 볼까요?

1개의 좋아요

문제가 아닙니다. 핵심 팀이 이미 해당 상황을 개선하기 위해 몇 가지 노력을 기울였다고 생각합니다. 더 이상 할 수 있는 조치가 있는지 확신은 없지만, 어쨌든 걱정하지 마세요. 어떤 경우엔 문제가 어디서 비롯된 것인지 파악하기가 쉽지 않기도 하니까요 :).

인피니티 로드를 통해 주제 목록을 불러오면 레이아웃이 깨지는 문제가 있는 것 같습니다. 확인하려면 단순히 이 URL을 열고 - 좌하단의 테마 토글을 사용하여 레트로로 전환한 후 문제를 발견할 때까지 모든 주제를 스크롤해 보세요: https://neidan.discourse.group

스크린샷:

스크린샷에서 볼 수 있듯이 인피니티 로드 이후 레이아웃이 깨져서 썸네일 등이 모두 뒤섞여 있습니다…

이 포럼은 공식적으로 discourse에서 호스팅되고 있으므로 플러그인과 수정 사항의 양이 매우 적습니다.

이전에는 이런 명백한 문제가 있었던 기억이 없습니다 - 업데이트와 함께 발생했을 것입니다…

1개의 좋아요

흥미롭네요. 그리고 콘솔에도 에러가 없네요. 시간이 나면 한번 살펴볼게요. 보고해 주셔서 감사합니다. (참고로, 이 사이트 디자인이 꽤 예쁘네요 :slight_smile: )

(참고로, 브라우저에 네이티브 Masonry 렌더링 기능이 없는 것은 짜증나는 결함입니다. 이 때문에 더 취약한 JavaScript를 작성해야 하죠. 이 Theme 컴포넌트는 이미 8년이 넘었는데, 그 동안에도 구현 방식에 대한 논쟁이 계속되고 있습니다!)

재현할 수 있습니다. 업데이트 후 https://starzen.space 도 깨진 것 같습니다.

이것을 시도해 보세요. (화면 밖일 때 크기 계산과 관련이 있을 것 같다는 생각이 듭니다. 기존에 우회 방법이 있었지만 Firefox로 제한되어 있었습니다)

업데이트 후 문제가 해결되는지 알려 주세요.

안녕하세요! 빠른 수정 감사합니다! 작동하는 것 같습니다. 다만 첫 번째 밀리초에 동일한 문제가 보이다가 다시 조정되는 것 같아서 우회 방법인 것 같습니다. 그래도 현재로선 결과가 잘 작동하고 있습니다. 감사합니다!

1개의 좋아요

음, 그 의미에서 그것은 단순한 '임시 해결책’보다 더 깊은 의미를 가집니다. 이 JavaScript는 과도한 영향을 주지 않도록 설계되었습니다. 더 자주 실행된다면 에너지를 낭비하게 될 것입니다. CSS에서 masonry가 지원될 때까지의 타협안입니다…

아, 알겠습니다! 빠른 수정 감사합니다! :slight_smile: 이 컴포넌트를 계속 사용하겠습니다. 곧 해결되기를 바랍니다.

기다려도 소용없어 ㅋㅋ

2개의 좋아요

마지막으로 하나 더, 내 iPhone 13 mini에서 모바일 뷰가 평소보다 좀 더 어긋나는 것 같아 - 여기 스크린샷 첨부할게.

이건 확실히 이전보다 나빠졌어. 이거 고칠 방법 있어? 텍스트와 이미지가 경계를 훨씬 벗어나고 있어.

@patrickemin 이 CSS도 시도해 볼 수 있습니다:

.tiles-style .topic-list-item.tiles-style  {
    background-color: var(--primary-very-low);
}

타일 간 구분을 돕기 위한 간단한 배경색을 적용해 주는 것입니다.

이렇게 하면 사이드카 플러그인이 필요하지 않게 됩니다.

확실히 CSS로 수정할 수 있습니다. 도움이 필요하시다면 Marketplace 채널로 연락해 주세요.

이 컴포넌트는 오픈 소스이며 구독료가 없지만, 바쁜 관계로 무료 지원은 제한적일 수 있습니다.

OP에 언급된 두 사이트에서 해당 문제를 확인하지 못했습니다. (귀하의 기기에서 직접 확인해 보시기 바랍니다.) 특정 테마의 특수 요구 사항과 관련이 있을 것으로 추정됩니다.

감사합니다. 그런데 모든 타일이 영향을 받나요? 이상적으로는 두 타일 중 하나(짝수 타일)만 이 배경색을 가지는 것이 좋겠지만, CSS로는 불가능한 것 같습니다?

특별한 요구 사항이 있으시다면 전문가를 고용하는 것을 추천합니다 Marketplace

1개의 좋아요

더 잘 작동하도록 해야 할 또 다른 수정 사항을 추가했습니다:

이 수정으로 토픽 수가 변경될 때 타일의 크기가 조정되어야 합니다.

코너 케이스에 걸렸네요 ㅋㅋ

토픽 미리보기에 360p 애니메이션 avif를 사용하고 싶어서 이렇게 설정했어요:

토픽을 열고 추천 글까지 스크롤 내리기 전까지는 잘 작동했어요 :joy:

어떤 이유인지 모르겠지만 추천 글에는 크기 제한이 적용되지 않는 것 같습니다.
(그리고 이미지와 카드 링크가 새 글이 아니라 토픽 상단으로 연결되는데, 제목 링크처럼 동작하지 않네요. 하지만 이건 별개의 문제입니다)

2개의 좋아요

Topic list tiles topic lists에 suggested를 추가했는데, 일부 수정된 것 같습니다.
이제 제대로 수정해 보겠습니다.

1개의 좋아요

@merefield
제목 링크가 t/foo/123/1을 가리키는데, 이미지와 세부 정보 링크가 /t/foo/123을 가리키는지 확인해 주시겠어요?
어딘가에 버그가 있는 것 같습니다.
읽지 않은 주제 링크가 깨지거든요(물론 새 게시물을 가리켜야 합니다).

이미지는 보통 섬네일이 있는 OP(첫 번째 게시물)로 링크되도록 의도되었습니다. 하지만 더 많은 옵션을 제공할 수 있도록 설정을 추가할 수 있습니다. 여기에는 (하지만 이에 국한되지 않습니다) 다음이 포함됩니다:

  • 마지막으로 읽은 게시물
  • 현재 선택된 섬네일 (다른 게시물의 섬네일을 선택할 수 있으므로 첫 번째 게시물에 있을 필요는 없습니다)
3개의 좋아요