Discourse 팀 여러분, 안녕하세요
최근 업데이트 이후 카테고리 페이지의 .navigation-container 요소와 관련된 CSS 회귀 현상을 발견했습니다.
이전에는 .navigation-container의 하단 경계선과 아래 콘텐츠(카테고리 상자 등) 사이에 자연스러운 여백이나 마진이 있었습니다. 그러나 지금은 경계선이 다음 요소에 딱 붙어 마진이나 패딩이 전혀 없는 상태이며, 시각적으로 조밀하고 일관성이 없어 보입니다.
이 문제는 최신 업데이트 이후에 시작되었습니다. 다음 코드에서 기인하는 것으로 보입니다:
.navigation-categories .navigation-container,
.categories-list .navigation-container {
border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
}
수동으로 다음 코드를 추가하여 수정했습니다:
margin-bottom: 24px;
이로써 여백이 복원되지만, 이상적으로는 코어 또는 기본 테마에서 이 부분을 처리해야 합니다.
수정 전:
수정 후:
감사합니다
3개의 좋아요
안녕하세요,
이 문제를 재현할 수 없습니다. meta에서 동일한 현상이 보이시나요, 아니면 오직 여러분 사이트에서만 발생하나요?
구체적으로 어떤 페이지에서 이 문제가 발생하는지 공유해 주실 수 있을까요? 예를 들어, meta의 https://meta.discourse.org/categories 를 확인해 보았는데, 제 환경에서는 정상적으로 보입니다.
Moin
8월 4, 2025, 11:29오전
4
여기 Meta에서 air 테마를 사용하면 이 문제를 재현할 수 있을 것 같습니다.
3개의 좋아요
감사합니다, 도움이 됩니다.
@jordan.vidrine 새로운 전역 변수 때문에 그런 건가요?
.container.list-container.--categories {
padding: 0 var(--list-container-categories-padding-x);
}
Air 테마는 custom-category-boxes-container라는 커스텀 컴포넌트를 사용하므로, 이 문제에 대한 일반적인 코어 수정이 있을 것 같지 않습니다. afaict, 저희 카테고리 페이지 레이아웃은 모두 그에 맞게 조정되어 있습니다: 일반 박스 뷰는 문제없이 잘 보입니다.
@xkhalid 해당 페이지에서 커스텀 컴포넌트를 사용하고 계신가요?
1개의 좋아요
아, 이제 이해했어요. 감사합니다. 저희가 곧 air 테마를 수정하겠습니다.
1개의 좋아요
빠른 답변 감사합니다, @chapoi !
일시적인 해결책으로 다음 내용을 CSS에 추가했습니다.
.navigation-categories .navigation-container,
.categories-list .navigation-container {
border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
margin-bottom: 24px;
}
1개의 좋아요
chapoi
8월 9, 2025, 2:00오후
11
이 주제는 4일 후 자동으로 닫혔습니다. 더 이상 새 답변을 작성할 수 없습니다.
,
