각 주제의 발췌문 아래에 있는 latest.json에서 라이트박스를 볼 수 있나요? Discourse가 직렬화된 발췌문에 이 원치 않는 HTML을 포함하고 있는 것 같습니다.
1개의 좋아요
오늘 최신 버전의 Discourse와 TLP로 업그레이드했는데, 사소하지만 짜증나는 문제를 발견했습니다. 특정 주제를 클릭하면 화면이 '깜빡’하거나 새로고침되는 현상이 발생하거든요. 해당 효과에 대한 영상은 다음과 같습니다:
스테이징 서버에서 세이프 모드와 재빌드 테스트를 여러 번 수행한 결과, TLP에서 문제가 발생한다는 것을 확인했습니다. TLP를 사용하는 다른 사이트들에서도 동일한 효과를 관찰했습니다.
재현 방법:
- Blenderartists.org 방문
- 답변이 있는 주제 클릭 (답변이 많을수록 효과가 더 뚜렷해 보입니다)
다음 사이트에서도 확인하실 수 있습니다:
- https://rideabl.es/top (답변이 있는 주제를 찾기 위해 top 사용)
- Washing Machine Repair
TLP 플러그인을 제거하고 재빌드한 후, ‘깜빡임’ 현상은 사라졌습니다.
1개의 좋아요
네, 위에 보고된 바와 같이 제가 이미 답변을 드렸습니다. 혹시 이 문제가 얼마나 지속되고 있는지 파악이 되시나요?
어떤 이상한 Ember 문제처럼 보입니다(위 참조).
현재 단계에서는 해결책이 없습니다. URL은 Core 템플릿(TLP가 아님)에 의해 생성되며 규정에 부합합니다. TC에서도 동일한 문제가 발생합니다.
1개의 좋아요
아 죄송합니다, 그 정도로 오래 전까지 확인하지 않았어요. 두 달 동안 업데이트를 하지 않고 있었고(2.7.0.beta1), 오늘 업데이트 후에야 그걸 알게 되었어요.
2개의 좋아요
썸네일이 제대로 표시되지 않는데, 링크는 거의 동일하지 않나요? (토픽을 읽지 않았다면 완전히 동일합니다?)
다음은 TLP 코드입니다:
다음은 코어 코드입니다:
차이를 찾아볼 수 있나요?!
메타(기본):
TLP 예시:
답변을 기다립니다!
1개의 좋아요
디스코urs에서 링크가 어떻게 작동하는지 잘 모르겠습니다. 앱에서 벗어나지 않으므로 일반적인 하이퍼링크처럼 작동하지는 않죠. 제가 관찰한 바로는 '두 번째 로딩’이 훨씬 더 느린 것 같습니다. 제 생각에는 링크를 클릭하면 먼저 '앱 링크’가 작동하여 콘텐츠가 빠르게 로드되고, 동시에 백그라운드에서 전체 페이지가 다시 로드되기 시작하는데, 이 과정에서 앱 전체를 다시 로드해야 하므로 훨씬 느립니다. a href 외에 링크에 이벤트 리스너나 onclick 이벤트가 추가로 연결되어 있는 것은 아닌가요?
1개의 좋아요
TLP 제목 링크가 어쩔 수 없이 Ember 프레임워크와 브라우저에 완전한 페이지 호출을 유도하는 반면, 표준 Discourse 앱은 페이지 새로고침 없이 XHR 요청만 수행합니다. TLP에서는 이렇게 썸네일 클릭이 정상적으로 작동합니다. 이 문제는 예전에는 발생하지 않았을 것이라고 확신합니다. 정말 이상한 일입니다.
1개의 좋아요
아, 무슨 일이 일어나고 있는지 알 것 같아! 전체 표면이 클릭 영역이야. 더블 클릭 때문에 오류가 나는 것 같아. 확인해 볼게.
이 문제를 해결하려면 표면 클릭 기능을 제거해야 할 수도 있어.
2개의 좋아요
이 문제는 플러그인에서 수정되어야 합니다: https://github.com/paviliondev/discourse-topic-previews/commit/6064a5940a80e69ed56a7cbe67f8ded8e33e5d67
그리고 TC(테마 컴포넌트)에서도 수정되었습니다: FIX: remove click event from topic list item component to prevent con… · merefield/discourse-tc-topic-list-previews@7fbe8ca · GitHub
3개의 좋아요
요약문에 “inline-onebox” 링크가 포함된 경우 타일 이미지가 겹치는 것처럼 보입니다.
“excerpt”: “source: <a href="https://t.co/WMHOR1b1cm\” class="inline-onebox">Post / X …",
게시물을 편집하여 링크 앞에 새 줄을 시작하면 겹침 문제가 해결됩니다.
“excerpt”: “source: \n<a href="https://t.co/WMHOR1b1cm\” class="onebox" target="_blank" rel="noopener">https://twitter.com/gintarosu/status/1304621851075731457/photo/1 \n ",
게시물 상단에 이미지가 있는 경우 요약문에는 “lightbox” 링크가 포함됩니다. 이미지 이후에 요약문 텍스트의 글꼴 크기와 스타일이 변경되지만, 이로 인해 타일 이미지가 겹치는 현상은 발생하지 않습니다.
“excerpt”: “<a class="lightbox" href="https://whatever.hk/uploads/default/original/2X/c/c42ca98cb9b3b6c6401c89940259cdc84800c70d.jpeg\” data-download-href="https://whatever.hk/uploads/default/c42ca98cb9b3b6c6401c89940259cdc84800c70d\" title="image_title">\n text ",
1개의 좋아요
CSS에서 lightbox 클래스를 사용하여 앵커를 숨겨볼 수 있습니다.
1개의 좋아요
도와주셔서 정말 감사합니다. 
글꼴 스타일 문제에 대해, 현재 tiles-style topic-details, topic-excerpt, topic-excerpt-more에 대한 모든 테마 CSS에 font-size와 color를 추가했습니다. 이렇게 하면 문제가 해결되는 것 같습니다. 
이미지 라이트박스 링크 코드는 여전히 발췌문(excerpt) 안에 숨겨져 있습니다. discourse에서는 이를 완전히 제거해야 한다고 생각합니다. 해당 코드는 웹 페이지 크기 증가 외에는 아무런 역할을 하지 않는 것 같습니다. 
2개의 좋아요
네, 그 방법으로 해결됐어요. 로버트, 고마워요!
2개의 좋아요
네, 동의합니다. 백엔드를 오버라이드하는 것은 이 기능이 네이티브로 유지되어야 하므로 꺼려집니다. 자바스크립트로 제거하는 것도 꺼려집니다. 현재로서는 작동한다면 CSS가 올바른 방법입니다.
여기에 여러분의 CSS를 커뮤니티와 공유해 주세요 
1개의 좋아요
저는 단순히 topic-details, topic-excerpt, topic-excerpt-more에 font-size와 color를 설정했습니다. 이렇게 하면 이미지 앞뒤로 발췌문의 글꼴 스타일이 달라지는 문제를 방지할 수 있습니다.
.tiles-style .topic-details {
font-size: 14px;
color: var(--primary-high);
}
.tiles-style .topic-excerpt {
font-size: 14px;
}
.tiles-style .topic-excerpt-more {
font-size: 15px;
color: var(--tertiary);
}
2개의 좋아요
이번 주부터 썸네일 선택기에 문제가 생기는 것을 발견했습니다. 일부 주제에서는 정상적으로 작동하지만, 다른 주제에서는 일관되게 실패하여 빈 상태로 표시됩니다. 아직까지 패턴을 파악하지 못했습니다. 실패하는 주제의 예시. 콘솔에 메시지가 표시되지 않고, 네트워크 요청 문제도 없습니다.
‘썸네일 선택’ 버튼을 클릭했을 때의 응답은 다음과 같습니다:
1개의 좋아요
‘gap’에 대한 간단한 해결책은 다음과 같습니다:
.topic-list .topic-excerpt {
padding-right: 0px;
}
이것은 타일(Tiles)이 아닌 뷰에서 남은 문제일 것 같습니다. Tiles CSS에 이 내용을 추가할 수도 있습니다.
2개의 좋아요
네, 100% 완벽하지는 않아요.
현재 기준 목록은 다음과 같습니다. 명백한 누락이 보인다면 기꺼이 검토하겠지만, Discourse의 핵심 로직에서 사용하는 기준과 매우 유사합니다.
2개의 좋아요
하, 이제야 되네 
2개의 좋아요