고정된 주제 분리하기

개발
2

Filtered Topic Lists 테마 구성 요소를 in:pinned 쿼리와 함께 사용하는 방법을 살펴보실 수 있습니다.

대신 CSS를 사용하려는 경우, 다음과 같은 코드를 사용할 수 있습니다:

// 목록의 마지막 고정 항목을 대상으로 합니다
tr.topic-list-item.pinned:has(+ tr:not(.pinned)) td {
  // 테이블 행 내부에 공간을 강제하는 대략적인 방법
  padding-bottom: 1.8em;
}

tr.topic-list-item.pinned:has(+ tr:not(.pinned))::after {
  // 원하는 경우 공간에 표시할 콘텐츠
  content: 'regular';
  width: 100%;
  position: absolute;
  display: flex;
  height: 1em;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  border-top: 1px solid var(--primary-low);
}