FKB Pro - Tema social

Já verifiquei minha atualização mais recente, mas a categoria ainda está no lado esquerdo.

@Don
Olá,
Apliquei o ‘Custom embedded replies (theme-component)’ ao ‘FKB Pro - Social themed’. Não é ruim no desktop, mas no mobile, o layout da coluna de comentários à direita é bem estreito, e o ícone ‘Jump to post’ também está preso na parte inferior. Como resultado, o espaço à esquerda parece bem largo. Você tem planos de arranjar o ícone de thread e usuário na parte da coluna esquerda o mais à esquerda possível, e ajustar o layout para equilibrá-lo para que os comentários possam ser vistos um pouco mais amplos?

@Don Encontrei outro pequeno conflito entre o FKB Pro e o Discourse Custom Wizard

2 curtidas

Obrigado @Drew-ART, removi as substituições de contorno. :+1: Depois de atualizar o tema, deve funcionar.

2 curtidas

Se eu quisesse adicionar CSS personalizado ao tema, estaria certo em pensar que o ‘editor de configurações’ está substituindo o botão editar HTML/CSS?

Então, onde o CSS do @Don termina:

{
	"setting": "dark_btn_hover",
	"value": "rgba(var(--primary-rgb),.1)"
}
]

Eu continuaria abaixo com algo como isto

data-category-id='offers' [
  .discourse-kanban-list {
	 width: 50%;
     }
]

(uma categoria tem apenas duas colunas em seu quadro Kanban e eu quero que elas sejam mais largas, 50% do espaço cada)

É possível usar o componente Right Sidebar com o painel FKB “stock”? de modo que a seção superior seja o painel FKB, mas abaixo dele esteja o restante do componente Right Sidebar?

Além disso, há um problema quando a barra lateral está fechada, há uma lacuna à direita

Obviamente, essa lacuna é necessária quando a barra lateral está visível, mas não quando está oculta.

Presumivelmente, a correção é esta

.fkb-panel-hidden .list-container .full-width { 
	gap: 0;
}
1 curtida

No modal de criação de conta, os botões de login de terceiros estão desalinhados. Isso só acontece no celular (e redimensionar o tamanho do texto para 75% os alinha novamente). Gostaria de saber se isso é um erro do FKB PRO ou não?

Eles aparecem corretos no meu modal de login, apenas o de criação de conta está com problemas. Fora isso, este tema está LINDO, obrigado!

1 curtida

Olá @Drew-ART, desculpe pela demora.

Com o editor de configurações você pode fazer o mesmo ao alterar uma configuração de tema. Então, neste caso, você pode alterar as cores. Essas configurações são restritas. Se você quiser fazer alterações maiores em botões, etc., você terá que criar um novo componente - e ativá-lo para o tema - onde você pode colocar seu código.

Não sou muito familiarizado com CSS do kanban, mas acho que o data-category-id deveria ser um número.

Parece algo assim.

[data-category-id="your-category-id"] {
  .discourse-kanban-list {
    width: 50%;
  }
}

E você tem que colocar isso em um novo componente. Algo como eu mostro aqui: FKB Pro - Social theme - #88 by Don


Olá @Fma965, Sim, tecnicamente é possível. Agora funciona como quando você usa o componente da barra lateral direita, a seção padrão é ocultada, mas é possível usar ambos juntos com algum CSS, eu acho.


Olá @thisisjoshjones, Obrigado :slightly_smiling_face: Sim, eu acho que tenho que atualizar o CSS do tema para se adequar às novas mudanças modais principais. Vou consertar isso.

Eu tentei experimentar com CSS, mas isso não pareceu possível, a div estava vazia pelos meus testes.

@Fma965, adicionei uma nova configuração para mostrar Blocos da Barra Lateral Direita abaixo do Painel FKB.

Screenshot 2023-12-22 at 14.04.05


Também atualizei as classes modais para se adequar às novas alterações principais.

@thisisjoshjones Acho que este problema será corrigido se você atualizar seu Discourse para a versão mais recente. Como sua última atualização do Discourse foi há um mês (18 de novembro) e este problema modal foi corrigido desde então (20 de novembro).

Bom trabalho, obrigado

Algo mais que notei é que o HTML “After Header” não funciona

Ferramentas do Desenvolvedor
image

O HTML nunca é adicionado, ele aparece no profiler, mas não no código-fonte da página real

Movê-lo para Header em vez de After Header e ele aparece, isso é um problema com o tema ou algo mais?

Já verifiquei isto agora e funciona para mim no After Header.

1 curtida

Hmm, algo mais deve estar interferindo nele na minha instância então, não é um grande problema. obrigado

EDIT: quando o componente de tema discourse-right-side-blocks está habilitado, ele não funciona.

Sim, entendi. Eu consigo reproduzir o problema com o tema Padrão também. Provavelmente é um problema com o componente de tema Right Sidebar Blocks.

2 curtidas

Você estava certo, obrigado!

1 curtida

Olá,

Tenho um problema: na última versão do Discourse 3.2.0.beta4-dev não há link para editar o CSS/HTML no painel de temas…

Só queria saber se este problema é apenas com a minha versão do Discourse ou se alguém que fez uma instalação limpa ou atualização para esta última versão do Discourse tem o mesmo problema?..

Olá @pzguillaume,

Você não pode editar temas remotos. Isso foi introduzido há algum tempo.

4 curtidas

Para completar a resposta do Ondrej, você pode criar um novo componente de tema, anexá-lo ao seu tema e aplicar todas as suas personalizações aqui. :+1:

4 curtidas

@ondrej : obrigado. Sou novo no Discourse e não sabia…

@Arkshine : obrigado também! Você me ajuda muito! :clap: :blush:

2 curtidas