Introduza um recurso de "tópico em destaque"

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

To highlight a topic in the topic list you can pin the topic to the top to the list. This is a native Discourse feature.

1 curtida

I know that, however in my opinion pin is for rules of this category or something like that. For me I prefer there is a way to highlight some of the topic in list or not pin them.

Can you share a mock-up of how you envision that working?

Something like that. Color and bold the topic title and with a star… just a sample, so that user can know that this topic is highlighted and featrued.

Oh cool! You can easily accomplish that with a small theme component. First create a staff tag to denote this “highlight” state, let’s say it’s “highlight”. Then you tag the topics you want to highlight with this tag.

On the theme code you need to style it as you want let’s say:

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

Then it looks like this:

6 curtidas

I know how to do it in css, that sample is actually working on my discourse. I just want to know is that possible to build in this function in official? I think highlight is a pretty useful function.

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:?