FKB Pro - Tema social

Mas poderia ser feito com CSS/o que for? :smile:

EDIT: Ignore tudo abaixo. O problema foi o componente Discourse Topic List Author.
Além disso, alguma ideia do que aconteceu com esta barra? Atualizei minha página ontem à noite e ela aleatoriamente se transformou nisso e não consigo descobrir como consertar. Ainda parece bom no celular, no entanto. A barra está muito larga agora e quando você clica nela, a cor do texto é a mesma cor (em modos claro e escuro) e as coisas não estão totalmente dentro da caixa agora.


Comparei o CSS do meu tema com o seu aqui para o topic-list-header e eles são os mesmos, então não tenho ideia do que está causando isso.

@Don Ei, rapidinho, existe alguma boa maneira de ajustar esses botões para que eles não fiquem tão apertados no celular?

Meio bagunçado como está atualmente. Talvez “Responder” possa ser movido para perto da área “2/2”/ícone de chave inglesa e “Seguir” possa ser movido para perto de “Controles do Tópico”. Algo mais limpo.

Além disso, o componente “Discourse Topic List Author” faz com que a caixinha na parte inferior fique muito larga por algum motivo. Há alguma solução para isso? Demorou uma eternidade para eu descobrir que era esse componente causando o problema, haha.

Fiz alguns ajustes aqui:

Acho que o tema padrão tem o mesmo alinhamento. :thinking: Não acho que devamos mudar isso. De qualquer forma, os usuários não têm o botão de chave inglesa.

Não acho que o componente de tema Topic List Author seja compatível com este tema. Como tanto o tema FKB quanto o Topic List Author sobrescrevem o template do item da lista de tópicos.

1 curtida

Muito obrigado! Vou conferir isso em um minuto. Uma pergunta rápida, no entanto:

Qual é a maneira correta de atualizar este tema se eu o copiei no GitHub?

Basicamente, eu o copiei, fiz minhas próprias alterações localmente e enviei as atualizações para o meu GitHub e, em seguida, atualizei o tema no painel de temas de administração do meu site. Mas como eu o atualizo mantendo o que alterei localmente e, ao mesmo tempo, incluindo as alterações que você faz nele? Quando vou sincronizar minha cópia do tema com as alterações que você faz, recebo isso:

Então, se eu descartar minhas próprias alterações, elas não desaparecerão? Eu quero manter as edições que fiz e, ao mesmo tempo, receber as alterações que você faz no núcleo do tema.

EDIT: Atualizei o tema com suas últimas edições. Parece que a área/ícone de rastreamento agora estão ajustados para a esquerda da tela e a área da página "2/2" agora está arredondada. Isso está correto? Parece um pouco melhor no celular agora, mas mesmo em uma conta de usuário normal, ainda há aquele espaço vazio estranho no celular ao lado do número da página.

EDIT 7 horas depois: Então, este tema não tem opções para "selecionado" e "hover" nos esquemas de cores? Vejo todas as opções de cores, exceto as últimas 2: selecionado e hover.

Olá, @Don, além da minha resposta acima, é possível criar algo para que, em vez de posts mais longos terem “Leia mais…” e, ao clicar, você entrar no tópico, todo o conteúdo do tópico seja exibido em um menu suspenso em vez de entrar no tópico real? Como o Facebook funciona/funcionava?

EDIT 17 horas depois: Além disso, existe uma maneira de o botão de comentários na página principal dos fóruns levá-lo diretamente aos comentários em vez de escolher a postagem original ou a mais recente?

Sim, isso é intencional.

Eu mesclei isso. :+1:

1 curtida

Olá @Don

Obrigado pelo tema incrível!
Eu estava me perguntando como eu poderia mudar as configurações para ter o terceiro estilo de emblema abaixo, já que meu site atualmente mostra o primeiro estilo de emblema

1 curtida

Olá :waving_hand:

Obrigado :heart: Sim, houve algumas alterações no núcleo com os emblemas de categoria. Adicionarei uma configuração para alterar o estilo deles. :slightly_smiling_face:

1 curtida

Obrigado.

E então, não é nada grave, mas também notei 3 problemas de CSS:

1) O banner de pesquisa não exibe a barra de pesquisa corretamente no desktop/tablet, apenas na visualização móvel.

Desktop:

Celular (que parece bom):

2) A visualização de Documentos no celular se estende além da tela para a direita:

3) As caixas de categoria (para subcategorias) estão cortando as palavras assim que se tornam 3 colunas responsivas:

Há alguma maneira de talvez corrigir isso também?

1 curtida

Olá @Clo :wave:

Obrigado pelo relatório. :slightly_smiling_face: Esta atualização cobre praticamente tudo o que você mencionou.

Ela contém uma nova configuração onde você pode escolher entre estilos de selo de categoria.
Ainda não contém o estilo de barra.

estilo do selo da categoria

  • bullet (padrão)
  • box

Também adicionamos algum suporte para o componente de tema da Barra de Pesquisa e corrigimos a visualização da lista de tópicos da Documentação no celular.


Presumo que este seja o componente de tema GitHub - discourse/discourse-minimal-category-boxes. Mas não consigo reproduzir. :thinking: Você poderia esclarecer mais? Isso acontece em outros temas, por exemplo, no tema padrão também?

Olá @Don

Muito obrigado, a barra de pesquisa e as categorias agora estão ótimas!

Infelizmente, a visualização no celular dos Documentos ainda precisa de algum preenchimento, eu acho. Veja a imagem abaixo:

O texto ainda se estende além da tela para a direita.

E em relação às caixas de categoria, elas não fizeram isso com nenhum dos outros temas que usei anteriormente ou com o tema padrão. Pode ser porque este tema tem uma barra lateral à direita, que os outros não têm, então agora as três colunas têm que se espremer no meio?

Estes são os componentes que estou usando:

O mesmo problema acontece com a página principal de categorias:

Parece que a quebra de linha para o tamanho da tela está muito atrasada, fazendo com que as caixas fiquem pequenas demais para o texto, e então o texto é cortado.

Você pode compartilhar o URL do seu fórum ou me enviar por PM? Assim posso verificar essas coisas mais facilmente. :slightly_smiling_face:

Olá, @Don, tinha uma pergunta. Como altero as cores da barra lateral para os modos escuro e claro?

A cor de destaque do plano de fundo que quero alterar está listada em:

--d-sidebar-highlight-background:
var(--primary-low);

mas não vejo “highlight-background” no repositório do GitHub. Sei como alterá-lo localmente, mas se eu o alterar de var(--primary-low); para #000000;, por exemplo, ele afeta ambos os modos. Como posso ter uma cor diferente para cada modo? Observação: isso também afeta a área inferior aqui, que também preciso que seja diferente para cada modo:

Além disso, existe uma maneira de o botão de comentários na página principal dos fóruns levá-lo diretamente aos comentários em vez de escolher a postagem original ou a mais recente?

O meu mostra assim, não anexado à borda da caixa. Como faço para o meu ficar assim?
gggg

Obrigado!

Olá, @Don, alguma de suas atualizações recentes no tema quebrou a instalação dele? Meu export que por acaso tenho de ontem carrega bem, mas quando eu faço um fork da versão mais recente e tento instalar um .zip dela ou do repositório GH, eu recebo um Erro 500.

Nos meus Logs, eu recebo:

Falha ao processar a resposta sequestrada corretamente: ActiveRecord::RecordNotUnique: PG::UniqueViolation: ERRO: a violação da chave duplicada viola a restrição de exclusividade “theme_field_unique_index”
DETALHE: A chave (theme_id, target_id, type_id, name)=(50, 5, 1, common/fkb-c-alternative-voting-category) já existe.

Toda vez que eu tento importar o tema, o theme_id aumenta em um, então não é um problema de theme_id, pelo menos…

Olá :wave:

Este é o seu fork? https://github.com/GitHubQueenn/fkb-pro-theme2

Parece que você criou uma pasta stylesheets que duplica os arquivos da pasta scss. Isso causa o problema porque os arquivos foram duplicados e o sistema tentou importar de ambas as pastas. Se você quiser fazer alterações no estilo, por favor, crie um novo componente de tema ou altere-o na pasta scss, ou você pode usar o nome stylesheets também para a pasta, mas não ambas. Mas é melhor manter scss como usado pelo repositório principal.

Oi, não tenho certeza de como isso está acontecendo. Tenho uma pasta “stylesheets” em todos os backups de quando faço backup do tema; eu nunca a criei. Ela se parece com isto e fiz muitas alterações nos arquivos dentro dela.

Você está dizendo para excluí-la?

Sim, isso ocorre porque você o exporta do administrador? Presumo que esta pasta contenha sua modificação. Não tenho certeza de qual versão é esta, fiz algumas alterações nestes dias. Mas você pode carregar esses arquivos na pasta scss.

1 curtida

Obrigado! Seria possível reorganizar isso e remover completamente o nome da categoria?

EDIT 6 horas depois: Além disso, seu tema funcionaria corretamente se eu combinasse todos os arquivos .scss em um único arquivo grande? Estou tentando otimizar meu site o máximo possível e alguns sites de teste de desempenho dizem que ele precisa carregar muitos arquivos css e js, principalmente do tema. Recomendou reduzir o número de arquivos e juntar tudo em um.

Conflitos com o tema discourse-tab-bar-theme, é recomendado adicionar uma altura de botão personalizada

Este plugin parece incrível.

Existe algum plugin que tenha um conceito de “amigo”, de modo que você precise aceitar um pedido de amizade para que alguém possa ver suas postagens em seu feed?