Novo CSS personalizado para a barra lateral

[10ColorsTenkara]

Continuando a discussão de Experimente os novos menus de barra lateral e notificações!:

@Canapin Por favor, perdoe a pergunta ignorante, faz um tempo que não venho ao meta e não fiz muitas alterações de CSS na minha instância nos últimos dois anos.

Que CSS você usou para personalizar o não lido/novo/rascunho na barra lateral? Tenho procurado e não tenho certeza do que usar.

Muito obrigado desde já.

[Canapin (Coin-coin le Canapin)]

@10ColorsTenkara

Tenho procurado e não tenho certeza do que usar.

Isso é esperado, pois não fiz nenhuma alteração na minha barra lateral.
Outros usuários tiveram exibições semelhantes com números não lidos, veja Try out the new sidebar and notification menus! - #240 by MarcP

Notei que agora existem pontos em vez disso.

Então, acho que o código da barra lateral foi alterado em algum momento durante o desenvolvimento.

[Don]

@Canapin

Então, acho que o código da barra lateral foi alterado em algum momento durante o desenvolvimento.

Sim, mudou aqui

Sidebar topic list links prefer unread and new over latest

@awesomerobot and @tgxworld just merged this pull request, which I think should address some of the above feedback: Now when using the default user preference, you see this: [Screenshot 2022-11-02 at 10.57.25 AM] [Screenshot 2022-11-02 at 10.57.29 AM] And when you use the “power user” preference, you see this: [Screenshot 2022-11-02 at 10.57.48 AM] [Screenshot 2022-11-02 at 10.57.38 AM] So, casual users have a bit less noise in their sidebar, and for everyone, what you see in the links …

[10ColorsTenkara]

Interessante. Em um dos tópicos desmembrados, eles apontam que os pontos ou a contagem de não lidos agora podem ser definidos pelos usuários. Pode ser encontrado em Preferências > Barra lateral > Navegação. Gostaria que pudesse ser definido como padrão pelo administrador. Os usuários na minha instância não são experientes em tecnologia e nunca encontrariam essa configuração ou saberiam que ela existe.

Tanto aqui no meta.discourse quanto na minha instância, parece o seguinte para mim, em texto cinza.

Acho que são muito mais fáceis de ver com algum texto de outra cor.

[Don]

Olá,

@10ColorsTenkara

nunca encontraria essa configuração ou saberia que ela existe

Acho que criar um tópico onde você apresenta a nova barra lateral seria uma boa solução para isso. Você pode facilmente direcionar seus usuários para o local correto com um link, usando o parâmetro /my/.

seusite.com/my/preferences/sidebar

Assim: \u003chttps://meta.discourse.org/my/preferences/sidebar\u003e

---

@10ColorsTenkara

Acho que eles são muito mais fáceis de ver com algum texto de outra cor.

Sim, está esmaecido para que pareça menos um link. Isso é possível de alterar adicionando algum CSS a um componente.

Por exemplo:

Comum \u003e CSS

// Cor nova/não lida da barra lateral

.sidebar-section-link-wrapper {
  .sidebar-section-link {
    .sidebar-section-link-content-badge {
      color: var(--tertiary);
    }
  }
  // não mude a cor do link de revisão
  .sidebar-section-link-review {
    .sidebar-section-link-content-badge {
      color: var(--danger);
    }
  }
}

[10ColorsTenkara]

@Don

Eu acho que criar um tópico onde você apresenta a nova barra lateral pode ser uma boa solução para isso. Você pode direcionar facilmente seus usuários para o local correto com um link, usando o parâmetro /my/.

Legal, obrigado. Não sei por que não pensei nisso.

@Don

Sim, está esmaecido para que pareça menos um link. Isso é possível de mudar adicionando algum CSS a um componente.

Brilhante! Exatamente o que eu estava procurando!