ピン留めされたトピックを分ける

開発
2

in:pinned クエリを使用して、Filtered Topic Lists のテーマコンポーネントの使用を検討できます。

代わりに 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);
}
「いいね！」 5