Introduza um recurso de "tópico em destaque"

Para esses ótimos tópicos, parece não haver como incentivá-los, como destacar suas postagens.

Para destacar um tópico na lista de tópicos, você pode fixar o tópico no topo da lista. Este é um recurso nativo do Discourse.

1 curtida

Eu sei disso, mas, na minha opinião, o “pin” é para regras dessa categoria ou algo assim. Para mim, prefiro que haja uma maneira de destacar alguns tópicos na lista ou não fixá-los.

Você pode compartilhar um mock-up de como você imagina que isso funcionaria?

Mais ou menos assim. Coloque o título do tópico em negrito e com uma cor diferente, além de uma estrela… apenas um exemplo, para que o usuário saiba que este tópico está em destaque e é featured.

Que legal! Você pode fazer isso facilmente com um pequeno componente de tema. Primeiro, crie uma tag de equipe para denotar esse estado de “destaque”, digamos que seja “destaque”. Em seguida, marque os tópicos que deseja destacar com essa tag.

No código do tema, você precisa estilizar como desejar, por exemplo:

tr.tag-highlight {
    background-color: blue;
    font-weight: bold;
    border: 3px dotted pink;
}

Então, fica assim:

6 curtidas

Eu sei como fazer isso em CSS; aquele exemplo está funcionando no meu Discourse. Só quero saber se é possível incluir essa função na versão oficial. Acredito que o destaque seja uma função bastante útil.

3 curtidas

Isso é muito legal e funciona para destacar tópicos em listas de tópicos, mas também quero destacar o próprio tópico. Parece que a tag existe em uma página de tópico apenas para a própria tag.

Tentei fazer isso, o que parece que pode funcionar, mas provavelmente estou fazendo errado.

.title-wrapper div.has-highlight {
  /* Estilos para o <h1> com a classe */
  color: blue !important;
  font-weight: bold;
}
1 curtida

O que é “o tópico em si” neste contexto?

Na página do tópico para tópicos com a tag, quero estilizar o tópico com uma cor diferente (ou qualquer outra coisa) para que ele se destaque não apenas nas listas de tópicos, mas também ao visitar a página do tópico.

Ah, você quer dizer a primeira postagem em um tópico, o OP certo?

body.tag-highlight article#post_1 {
    background-color: blue;
    font-weight: bold;
    border: 3px dotted pink;
}
1 curtida

Isso é ótimo! Agora, como eu direciono o TÍTULO do tópico?


// isso direciona a tag em si
a[data-tag-name="extra-special-topic"] {
    color: yellow !important;
}

// isso muda o título nas listas de tópicos
.tag-extra-special-topic .raw-topic-link {
    color: blue !important;
}

// Isso direciona o fundo/corpo do OP
body.tag-extra-special-topic article#post_1 {
    background-color: blue;
    font-weight: bold;
    border: 3px dotted pink;
}
.tag-extra-special-topic #topic-title .fancy-title {
  color: papayawhip;
}

Meu caro amigo, você tentou a abordagem que eles sugeriram? Devo confessar que a explicação deles escapou à minha compreensão. :rofl:

Qual parte? Você apenas abre seu editor de temas e edita o CSS

Isso fez algo estranho para mim, quando estou no tópico destacado, ele então se aplica a outros tópicos na parte inferior na lista “Novos Tópicos e Não Lidos”

Mas se eu NÃO estiver no tópico, apenas o destacado é destacado (como você esperaria)

O que está acontecendo com isso :lol:?