Componente de Posts Wikificados

[nathank (Nathan Kershaw)]

Simple Description

This theme component enables you to make Wiki posts (and Shared Edits posts) more obvious.

Wikis and Shared Edits are a powerful feature of Discourse, but many users are unfamiliar with the concept and find the UI just a bit too subtle. This component makes it crystal clear, packaging the content from Change the style of a wiki post.

Screenshots

Detailed Description

Installing this component enables you to control the background colour of Wiki posts, and to add some text to the history/edit icon in the top right of the post.

It is a fork of discourse-wikified-post-background-color by @pacharanero, incorporates stuff from Change the style of a wiki post and re-used code from Personal Message Bubbles by @Rhidian.

Settings

Wiki post background color

The background colour of Wiki posts can be set to whatever you like. It defaults to ‘highlight’, but you can use any of these options:

1. It works best when a Scheme colour is chosen (i.e. primary, secondary, tertiary, etc), as these are responsive to automatic dark mode.
2. A named color recognised in CSS (e.g. blue, red, yellow, black, etc)
3. An HTML color code (e.g. #effbfb, etc)

Shared edits background color

You can choose one of the same color options for Shared Edits posts (see the Shared Edits Plugin)

Wiki added text

This adds the little bit of green text (defaulting to Wiki Post) in the top right corner of the post:

This is dynamic, and changes colour along with the history icon if there has been a recent edit (this is an unintended happy thing):

If you don’t want any text there, then delete the text in the setting and save it.

Shared edits added text

The text displayed when it is a Shared Edits post. This is in the Danger color from your palate.

Roadmap

1. Auto tag Topics with ‘wiki’

Please make suggestions as replies to this post.

	Repository	GitHub - nathan-nz/discourse-wikified-posts: This allows you to make Wiki posts more obvious.
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

[pacharanero (Marcus Baw)]

Lovely stuff @nathank
I’m going to archive the old wikified post background color repo, in favour of this your new version, which adds much more.

[Zup]

Mais alguém está recebendo este erro?

Erro: Variável não definida: "$Shared-edits-hide". na linha 42 de common.scss >> @if ($Shared_edits_hide == "Yes"){ -----^

[nathank (Nathan Kershaw)]

Não consigo reproduzir isso e não vejo nenhum problema óbvio no código. Você pode nos dar mais informações?

[Zup]

É porque eu tinha Shared edits hide definido como Não. O erro apareceu nas configurações do TC. O erro desapareceu depois de defini-lo como Sim.

[nathank (Nathan Kershaw)]

@Zup

É porque eu tinha Shared edits hide definido como No.

Eu não entendo com No nem Yes na versão mais recente do Discourse Beta. Você está em uma versão antiga do Discourse? Eu não coloquei nenhum controle de versão nisso, desculpe.

[Zup]

Desculpe, minha falha - estava um pouco desatualizado, sim. Esqueci de testar novamente após a atualização recente até você mencionar. Obrigado.

[nathank (Nathan Kershaw)]

Acabei de atualizar o componente para atender melhor às postagens de Edições Compartilhadas.

Isso inclui adaptá-lo para as alterações de Edições Compartilhadas aqui:

@Johani

Fiz algumas alterações.
DEV: improve interaction between wiki and shared-edit posts by hnb-ku · Pull Request #31 · discourse/discourse-shared-edits · GitHub

[nathank (Nathan Kershaw)]

Fiz um pequeno ajuste nas cores de fundo padrão, pois não conseguia ver facilmente as @menções.

A cor de fundo das Edições Compartilhadas agora é tertiary-very-low por padrão.

Colour very low

[volanar]

Um excelente componente. Mas ele melhora a visibilidade apenas na página do tópico. É possível modificá-lo para que o ícone do wiki seja exibido na página da categoria, na lista de tópicos “recentes”, “não lidos”, etc.?

[nathank (Nathan Kershaw)]

Boa sugestão, e tenho certeza que é possível (PR bem-vindo!).

Eu resolvo isso simplesmente marcando posts com #wiki em minhas instâncias. É claro que é semi-manual - você pode identificar os posts/tópicos wiki por meio de pesquisa avançada. Tem o bônus adicional de torná-los facilmente descobertos através da navegação na barra lateral.

Pensei que seria bom ter a marcação automática de posts wiki como parte deste componente de alguma forma (ou fazer como você sugere), mas isso não me causou dor suficiente para dedicar tempo para tentar, receio.

[Canapin (Coin-coin le Canapin)]

@volanar

É possível modificar para que o ícone de wiki seja exibido na página de categoria, na lista de tópicos “recentes”, “não lidos”, etc.?

Eu perguntei isso em 2021 aqui: Add an icon in front of wikis in the topic list?

A resposta foi:

@Johani

wiki é um nível de postagem, não uma propriedade de nível de tópico. Portanto, não é adicionado ao modelo do item da lista de tópicos. Você pode usar uma tag ou criar uma solicitação de recurso para o Discourse adicionar essa classe.

A solicitação de Feature

Add a specific class for wikis (when first post) at the topic list level

Following the suggestion from @Johani here: To which Johani replied: Unfortunately, wiki is a post-level, not a topic-level property. So, It’s not added to the topic list item model. You can use a tag or create a feature request for Discourse to add that class. I suppose the vast majority of wikis are first posts, but I understand the post level issue. However, having the possibility of emphasizing wikis on the topic list would be a neat addition and may incite people to visit them and m…

[thoka (Thomas Kalka)]

Estou buscando conselhos sobre como adaptar as cores de fundo para o modo escuro (automático).

Atualmente, as cores claras e brilhantes que escolhi para os fundos tornam as postagens ilegíveis no modo escuro.

Seria possível estender a paleta de cores e fazer alguns cálculos de cores para definir cores de fundo para wikis e pads?

[thoka (Thomas Kalka)]

Você poderia usar tags para marcar tópicos de “wiki”.
As tags podem ser estilizadas por CSS, se não me engano.
Você obteria o benefício adicional de uma listagem / opção de detalhamento para elas.

Além disso, uma tag wiki poderia ser adicionada a tópicos que incluem wikis automaticamente com um plugin.

[nathank (Nathan Kershaw)]

É por isso que recomendo uma cor do Scheme:

@nathank

Funciona melhor quando uma cor do Scheme é escolhida (ou seja, primária, secundária, terciária, etc.), pois estas respondem ao modo escuro automático.

Se você quiser fugir do padrão com suas cores, precisará encontrar uma maneira inteligente de lidar com o modo escuro.

Um bom recurso seria permitir a especificação de uma cor para o modo escuro também. Vou dar uma olhada nisso quando tiver algum tempo livre.

[thoka (Thomas Kalka)]

@nathank

Funciona melhor quando uma cor do esquema é escolhida (ou seja, primária, secundária, terciária, etc.), pois estas respondem ao modo escuro automático.

Claro. Mas essas cores são muito dominantes para um fundo.
Portanto, eu estava sonhando com algo como 10% de cor do esquema misturada com 90% de fundo. Suponho que SASS (ou algo semelhante) não esteja disponível no frontend.
Mas alguma mágica CSS como esta funcionaria?

Atualização: rgba(0, 255, 0, 0.1) funciona muito bem nos modos escuro e claro.

[Canapin (Coin-coin le Canapin)]

@thoka

Suponho que SASS (ou algo similar) não esteja disponível no frontend.
Mas alguma mágica CSS como esta funcionaria?

As funções SASS estão disponíveis na seção de personalização do tema, elas são compiladas quando você salva suas modificações. Você não pode usar funções SASS em variáveis de tema ou CSS.
Se você quiser usar uma função SASS em uma cor do seu esquema de cores, você deve usar a variável SASS correspondente.

Funcionará

body {
    background: darken($secondary, 10%);
}

Não funcionará

body {
    background: darken($my_theme_variable, 10%);
}

Não funcionará

body {
    background: darken(var(--secondary), 10%);
}

E no papel, acho que o que seu link descreve deveria funcionar.

[nathank (Nathan Kershaw)]

@Canapin

As funções SASS estão disponíveis na seção de personalização do tema, elas são compiladas quando você salva suas modificações.

Talvez isso valha a pena. Aqui está um guia (para minha própria referência) sobre o uso da função SASS mix():

Manipulate Color with Ease | Sass and Compass for Designers