Horizon은 전체 폭(full-width) 컴포넌트를 사용하므로, Foundation(전체 폭) 테마를 사용한다면 동일한 화면을 볼 것이라고 생각합니다.
따라서 가장 보기 좋은 레이아웃은 아니라는 점에 동의하지만, 현재 전체 폭 레이아웃을 사용하는 모든 테마에서 이러한 동작은 의도된 것입니다.
Horizon은 전체 폭(full-width) 컴포넌트를 사용하므로, Foundation(전체 폭) 테마를 사용한다면 동일한 화면을 볼 것이라고 생각합니다.
따라서 가장 보기 좋은 레이아웃은 아니라는 점에 동의하지만, 현재 전체 폭 레이아웃을 사용하는 모든 테마에서 이러한 동작은 의도된 것입니다.
제공된 스크린샷에 따르면 Horizon과 Foundation에서 차이가 있는 것 같습니다 ![]()
아니면 제가 무언가를 놓치고 있는 걸까요?
오! 확인해봐야겠어요. 그런 구분이 있다는 걸 몰랐어요!
Foundation full-width를 설치하지 않은 것 같은데, meta에서 검색해 보았지만 나오지 않네요?
특정 테마의 문제가 아니라, 이 컴포넌트 때문입니다: Discourse Full-width component
현재 Custom Header Links 테마 컴포넌트를 사용하고 있습니다. 우리에게 치명적인 문제는 아닐 것 같지만, 이 컴포넌트에 대한 지원이 검토되고 있는지 여부를 파악하고 싶습니다. 아직 Horizon 호환성을 위해 검토 중인가요? 작업량이 얼마나 될 것 같은지 추측이 가능할까요?
현재 새로운 호환성 작업을 계획하고 있지는 않습니다. 절대 이루어지지 않는다는 말은 아니지만, 로드맵에 특정 구성 요소의 호환성이 추가되려면 해당 요청이 얼마나 많이 들어오느냐에 따라 달라집니다.
확신은 없지만, 가능할 것 같습니다. 주요 충돌은 동일한 아웃렛을 사용하는 웰컴 배너 설정입니다. 따라서 웰컴 배너를 완전히 비활성화하거나, 다음과 같이 설정하면 됩니다:
이렇게 하면 기본적으로 상당히 잘 작동할 것으로 생각합니다.
테마 컴포넌트에 이 CSS를 적용하고 Horizon 테마에 포함해 보세요:
@use "lib/viewport";
// ** 데스크톱 및 더 큰 뷰포트 크기에만 적용 **
@include viewport.from(lg) {
.container,
.list-controls {
margin-inline: 0!important;
}
}
음, 제 iPhone 15에서 최신 Chrome, Safari, Firefox로 재현이 안 되네요.
어떤 기기와 브라우저를 사용 중이신가요? 거기서 발췌문을 로드하려고 하는 건 좀 이상해 보이네요. ![]()
데스크톱에서 Chrome 브라우저를 사용하여 테스트했습니다. F12를 눌러 화면 크기를 휴대폰 크기에 맞게 설정했습니다. 캐시에서 페이지를 새로고침하면(Ctrl + F5) 문제가 계속됩니다.
음, 아마 크롬 업데이트 후에 이 문제가 해결될 수도 있겠네요 (다만 저는 최신 버전을 쓰고 있는 것 같은데). 어쨌든.
한 가지 더 물어볼 게 있습니다. 태그 선택과 버튼이 있는 그 블록이 아래로 스크롤해도 숨겨지지 않는 이유가 뭔가요? 저만 그런 건지, 다들 그런 건지 궁금합니다. 화면 공간을 꽤 많이 차지하는데, 아래로 스크롤할 때 숨겨지면 합리적일 것 같아요.
그것은 apparently horizon 테마의 예상되는 동작인 것 같습니다(사용자가 현재 어떤 카테고리/태그에 있는지 항상 표시하기 위해서?). 하지만 스크롤할 때 그 자리에 고정되어 있으면 너무 많은 공간을 차지한다고 동의합니다. 카테고리 및 태그 브레드크럼 선택기가 navigation-container 안에 있는 것 같습니다.
작은 스마트폰 화면에서는 이 두 버튼이 제목 목록 콘텐츠의 상당한 공간을 차지합니다.
정보 밀도를 보여주는 추세는 점점 더 컴팩트해지고 있다고 생각하며, 저는 CSS에서 이 행의 fixed 속성을 제거하는 방식으로 처리했습니다.
아니, 불행히도 그건 예상된 동작처럼 보입니다. 고정 버튼과 토픽 알림 버튼이 topic-footer-main-buttons div 밖에 있습니다. 가능할지는 모르겠지만, 적어도 그 두 버튼은 같은 행에 함께 배치되어야 하고, 토픽 푸터의 메인 버튼 행 안에 렌더링되는 것이 훨씬 이상적일 것입니다.
수정: Moin이 Horizon이 텍스트 설명을 숨기게 되어 그런 거라고 지적해 주었습니다. (저는 보통 그걸 신경 안 쓰거든요 ㅋㅋ)
필요한 경우 아래 CSS를 사용하면 표시할 수 있습니다:
.notifications-button-footer .reason .text,
.pinned-button .reason .text {
display: inline-flex;
}
Horizon 테마를 사용하는 커뮤니티에서 피드백을 받았습니다. 주제 목록 페이지의 게시물 내에서 카테고리 배지가 시선을 분산시킨다는 의견입니다.
보조/보완 콘텐츠(카테고리 이름)가 주요 콘텐츠(게시물 제목)에서 시선을 빼앗고 있다는 것입니다. 그들의 입장에서 충분히 이해가 됩니다.
제가 말하는 바의 예시로 이 포럼의 최신 주제 목록에서 가져온 이미지를 첨부합니다:
저희 커뮤니티에서는 스타일 오버라이드로 이 문제를 관리할 수 있습니다. 배경색을 제거하고 대신 테두리로 적용하는 방안을 검토하고 있으므로 큰 우려는 없지만, 이런 종류의 피드백이 유용할 수 있을 것 같아 공유해 보았습니다!
안녕하세요 @matt_k_bcn
오신 것을 환영합니다! ![]()
테마 컴포넌트에서 CSS를 사용해 이렇게 처리할 수 있습니다:
.hc-topic-card__category .badge-category__wrapper {
border: solid .5px!important;
border-color: var(--category-badge-color)!important;
--category-badge-color: none!important;
}