Separando Tópicos Fixados

Dev
2

Você pode considerar usar o componente de tema Filtered Topic Lists com a consulta in:pinned.

Se, em vez disso, você quiser usar CSS, pode fazer algo como isto:

// tem como alvo o último fixado na lista
tr.topic-list-item.pinned:has(+ tr:not(.pinned)) td {
  // maneira bruta de forçar espaço dentro de uma linha de tabela
  padding-bottom: 1.8em;
}

tr.topic-list-item.pinned:has(+ tr:not(.pinned))::after {
  // conteúdo a ser exibido no espaço, se desejado
  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 curtidas