Estilização de Postagens de Blog

@oshyan que site adorável! Gostei especialmente do seu menu suspenso de Categorias!

2 curtidas

Isso está ativamente na minha lista para tentar fazer funcionar. Acabei de finalizar algumas correções e atualizações em outro componente, então verei o que posso fazer com este o mais rápido possível. Há muita coisa no meu prato agora, então pode demorar um pouco. Se por algum motivo você não ouviu nada em um mês, por favor, me cutuque :slight_smile:

5 curtidas

:backhand_index_pointing_right: cutucar cutucar :grin: Minha escrita é frequentemente longa e uso talvez mais cabeçalhos do que a pessoa média. Mas eu também gosto muito do Estilo de Postagem de Blog! Espero que eles possam coexistir em paz. :slightly_smiling_face:

3 curtidas

Como posso reduzir o tamanho do texto? Não quero usá-lo como 1,25em. Tentei reduzi-lo para 1em com truques de CSS, mas não funcionou.

@tshenry Notei alguns bugs na estilização da postagem do blog (também presentes na prévia do tema):

  1. Os fundos dos comentários estão todos bagunçados e com um fundo cinza estranho:

  2. Ao ampliar a página, a postagem do blog começa a invadir a barra lateral:

  3. As fotos de perfil e os distintivos dos usuários parecem muito próximos de seus títulos, datas de postagem, etc. (veja a imagem acima)

Olá Rootzilla,

Desculpe pela demora na resposta. Você pode alterar o tamanho da fonte usando este CSS:

.category-blog .topic-post:first-child {
    font-size: 1em;
}
3 curtidas

Estou tendo um bug estranho com apenas um tópico. Outros estão funcionando bem. A imagem superior não aparece e qualquer imagem que eu coloque lá simplesmente desaparece. Não consigo ver o que está acontecendo.

É este: Take A Smile - Approved Activities List - Public Happiness

Desliguei o estilo do blog para que a imagem apareça agora. Se eu ligá-lo novamente, essa imagem desaparece.

A única pista que tenho é que a imagem em miniatura na subcategoria também não aparece para este tópico e apenas para este tópico.

1 curtida

Sou só eu ou, após uma atualização recente do núcleo, os títulos ficaram menores em tópicos que usam estilos de blog:

1 curtida

O mesmo aqui - muitos bugs aparecendo desde o Discourse 3 (e antes com recursos experimentais), este componente ainda é atualizado?

2 curtidas

Estou testando isso em uma nova comunidade e notando alguns problemas de estilo em uma comunidade que é, em sua maioria (acho eu, a respeito disso), padrão.

Este componente ainda tem suporte?

2 curtidas

Não tenho certeza se ainda é oficialmente suportado, mas uso este componente de tema e ele funciona como anunciado em uma instalação auto-hospedada e atualizada. exemplo

2 curtidas

@tshenry
obrigado por este belo componente. 2 sugestões

quando abrir um tópico para exibir como blog (na categoria ou com a tag)

  • é possível ter o menu lateral oculto automaticamente? isso fará com que pareça mais uma página de blog.
    encontre o componente do Don: Can I default to a hidden sidebar? - #4 by Don
    poderia fazer isso e adicioná-lo como uma configuração para a experiência do usuário padrão (oculto ou exibido)…
  • é possível mantê-lo no primeiro post do tópico (o blog), em vez de pular para a última resposta lida (a experiência integrada). não tenho certeza de qual caminho é melhor para uma página de blog.

obrigado

1 curtida

Eu tinha começado a trabalhar em uma atualização de correção e polimento há muito tempo, mas não consegui espaço suficiente para finalizá-la. Sei que algumas arestas começaram a aparecer após mudanças no núcleo, e acho que houve alguns desafios de longa data em relação à compatibilidade com o DiscoTOC.

Vou ver se consigo algumas ideias da equipe sobre como deve ser o futuro deste componente. No momento, ele ainda é tecnicamente um componente não oficial, gerenciado pessoalmente.

2 curtidas

Acho que algum tipo de estilo oficial de ‘blog’, com pouco esforço, atende às necessidades/desejos de muitas pessoas, mas seu componente @tshenry é uma contribuição maravilhosa e funciona para mim, e obrigado.

Espero que você tenha tempo para atualizar este componente. Eu realmente gosto dele, mas ele está exibindo este aviso agora:

[Aviso do Administrador] Um de seus temas ou plugins precisa ser atualizado para compatibilidade com as próximas alterações principais do Discourse. (id:component-template-resolving)

E tenho estes avisos no meu console:

[Aviso] DEPRECATION: Componentes com templates resolvidos separadamente estão obsoletos. Migre para arquivos js/ts + hbs co-localizados ou para gjs/gts. Tentou procurar 'template:components/blog-image'. [deprecation id: component-template-resolving] Isso será removido em ember-source 6.0.0. Veja https://deprecations.emberjs.com/id/component-template-resolving para mais detalhes. (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, linha 377)
[Aviso] DEPRECATION: [THEME 13 'Blog Post Styling'] O caminho da propriedade `isBlogTopic` foi usado no template `discourse/theme-13/discourse/templates/components/blog-image` sem usar `this`. Esse comportamento de fallback foi obsoleto, todas as propriedades devem ser procuradas em `this` quando usadas no template: {{this.isBlogTopic}} [deprecation id: ember-this-fallback.this-property-fallback] Isso será removido em ember-this-fallback n/a. Veja https://meta.discourse.org/t/337276 para mais detalhes. (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, linha 377)
[Aviso] DEPRECATION: [THEME 13 'Blog Post Styling'] O caminho da propriedade `imageURL` foi usado no template `discourse/theme-13/discourse/templates/components/blog-image` sem usar `this`. Esse comportamento de fallback foi obsoleto, todas as propriedades devem ser procuradas em `this` quando usadas no template: {{this.imageURL}} [deprecation id: ember-this-fallback.this-property-fallback] Isso será removido em ember-this-fallback n/a. Veja https://meta.discourse.org/t/337276 para mais detalhes. (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, linha 377)
[Aviso] DEPRECATION: [THEME 13 'Blog Post Styling'] O caminho da propriedade `model` foi usado no template `discourse/theme-13/discourse/templates/connectors/topic-above-post-stream/blog-post-styling` sem usar `this`. Esse comportamento de fallback foi obsoleto, todas as propriedades devem ser procuradas em `this` quando usadas no template: {{this.model}} [deprecation id: ember-this-fallback.this-property-fallback] Isso será removido em ember-this-fallback n/a. Veja https://meta.discourse.org/t/337276 para mais detalhes. (chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, linha 377)
4 curtidas

Estou com o mesmo problema. Espero que uma atualização deste componente resolva este problema @tshenry.

Obrigado pelos relatórios. Tentarei corrigir os avisos esta semana. Este componente realmente poderia usar uma atualização geral, mas o tempo infelizmente é limitado nestes dias!

4 curtidas

Tudo bem, abordei todos os avisos de depreciação e consegui incluir o que considero atualizações bastante críticas. Há mais que pode ser feito para melhorar a compatibilidade com outras personalizações, mas fiz o que pude por enquanto.

Obrigado a todos pela paciência. Me avisem se houver algum problema com a atualização.

7 curtidas

Acho que está ligado a esta última atualização, mas como posso remover “Comentários”

sem alteração com

.comments_heading {
    display: none !important;
}

ou se eu deixar o campo de configuração em branco

(Tive que trapacear com um “espaço”, mas…)

Obrigado @Thierry_Trégaro! Esse título “Comentários” é novo e foi criado para que as respostas se pareçam um pouco mais com a seção de comentários de uma postagem de blog.

Ele não deveria ter sido exibido em um tópico normal como o que você compartilhou na sua captura de tela. Fiz uma correção para isso (e corrigi alguns outros problemas menores de estilo ao mesmo tempo).

Por favor, prossiga e atualize o componente.

Se, após a atualização, você também quiser ocultar o título “Comentários” para postagens de blog reais, prossiga e adicione o seguinte a um componente separado:

.comments-heading {
  display: none !important;
}
6 curtidas