| Resumo | Estilos [details] para torná-los mais óbvios e clicáveis |
|
| Pré-visualização | via Theme Creator | |
| Repositório | Ger / Component - Better Hide Details · GitLab | |
| Guia de Instalação | Como instalar um tema ou componente de tema | |
| Novo em Temas do Discourse? | Guia para iniciantes no uso de Temas do Discourse |
Instalar este componente de tema
Descrição
Este componente torna mais aparente que o título de [details] funciona como um botão. Detalhes aninhados têm cores mais intensas para cada nível e fica claro onde cada elemento termina.
Capturas de tela
Com o componente de tema Hide Details Button Style
Sem o componente de tema Hide Details Button Style
Este é o mesmo sem o componente ativo em uma instalação normal:
Fonte usada no exemplo
[details=Linha de título]
Conteúdo
[details=Título aninhado fechado]
Conteúdo aninhado
[/details]
[details=Título aninhado]
Mais conteúdo aninhado
[/details]
[/details]
[details=Segundo detalhes]
Mais conteúdo
[/details]
Texto
[details=Detalhes adicionais]
Ainda mais conteúdo
[/details]
(↑ Em relação à formatação meta do Discourse para ocultar detalhes, não tenho certeza sobre o que afeta a temática nesta instalação ou se isso pode ser um recurso futuro.)
Funcionalidades
- Torna claro onde um
[details]começa/termina e que ele pode ser clicado - O
[details]atualmente selecionado é visualmente destacado ao pressionar TAB. - Vários casos extremos, como aninhamento, múltiplos
[details]sucessivos são tratados - Aparece ao vivo na pré-visualização do editor
- Exibição básica nos fluxos “Respostas recentes”, etc.
- Usa a cor Terciária do esquema de cores
- Seta separada para títulos de resumo de várias linhas
Observações
- Testei com todos os temas da instância do Discourse da qual participo e funcionou lá
- Ele usa parcialmente recursos CSS mais recentes, portanto, as cores podem não funcionar corretamente em navegadores antigos
- Se o Discourse mudar como
[details]são estruturados ou estilizados no futuro, este componente de tema provavelmente quebrará.

