# FKB Pro - Tema social

**URL:** https://meta.discourse.org/t/fkb-pro-social-theme/234323
**Category:** Theme
**Created:** [28 Julho , 2022 20:58 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323 "2022-07-28T20:58:41Z")
**Posts on this page:** 20
**Page:** 12

<div class="post-metadata">

### Author: ![the220hq](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/the220hq/32/332255_2.png) [@the220hq](https://meta.discourse.org/u/the220hq)
#### Post date: [18 Novembro , 2023 02:16 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/234 "2023-11-18T02:16:05Z")

</div>

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

---

<div class="post-metadata">

### Author: ![LoveMCJ](https://avatars.discourse-cdn.com/v4/letter/l/278dde/32.png) [@LoveMCJ](https://meta.discourse.org/u/LoveMCJ)
#### Post date: [18 Novembro , 2023 20:28 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/235 "2023-11-18T20:28:30Z")

</div>

@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?

---

<div class="post-metadata">

### Author: ![Drew-ART](https://avatars.discourse-cdn.com/v4/letter/d/8edcca/32.png) [@Drew-ART](https://meta.discourse.org/u/Drew-ART)
#### Post date: [28 Novembro , 2023 15:50 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/236 "2023-11-28T15:50:34Z")

</div>

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

> **[Bug: No notification for users of which form elements are required](https://coop.pavilion.tech/t/bug-no-notification-for-users-of-which-form-elements-are-required/3246/5)**
>
> It’ll be down for a few mins as i’m trying discourse doctor and a rebuild

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [28 Novembro , 2023 17:06 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/237 "2023-11-28T17:06:44Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Drew-ART](https://avatars.discourse-cdn.com/v4/letter/d/8edcca/32.png) [@Drew-ART](https://meta.discourse.org/u/Drew-ART)
#### Post date: [1 Dezembro , 2023 13:56 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/238 "2023-12-01T13:56:39Z")

</div>

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)

---

<div class="post-metadata">

### Author: ![Fma965](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fma965/32/259795_2.png) [@Fma965](https://meta.discourse.org/u/Fma965)
#### Post date: [11 Dezembro , 2023 10:10 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/239 "2023-12-11T10:10:45Z")

</div>

É 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?

---

<div class="post-metadata">

### Author: ![Fma965](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fma965/32/259795_2.png) [@Fma965](https://meta.discourse.org/u/Fma965)
#### Post date: [11 Dezembro , 2023 16:15 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/240 "2023-12-11T16:15:04Z")

</div>

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/a/f/3af2ce699980962ee12d9d208cafedc53b8eb529.png)

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/5/e/15ef2be72d3bb0102db39ab44f2709c38fe5170c.png)

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

Presumivelmente, a correção é esta

```plaintext
.fkb-panel-hidden .list-container .full-width { 
	gap: 0;
}

```

---

<div class="post-metadata">

### Author: ![thisisjoshjones](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thisisjoshjones/32/303241_2.png) [@thisisjoshjones](https://meta.discourse.org/u/thisisjoshjones)
#### Post date: [21 Dezembro , 2023 14:36 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/241 "2023-12-21T14:36:10Z")

</div>

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?

 ![IMG_3326](https://global.discourse-cdn.com/meta/original/4X/6/f/d/6fd7cccb9e579743f9b07546f58600b415b944ea.jpeg)

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!

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [22 Dezembro , 2023 05:08 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/242 "2023-12-22T05:08:58Z")

</div>

Olá @Drew-ART, desculpe pela demora.

> [@Drew-ART](#):
>
> o ‘editor de configurações’ está substituindo o botão editar html/css?

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.

> [@Drew-ART](#):
>
> Eu continuaria abaixo como com algo assim
> 
> ```plaintext
> 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)

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

Parece algo assim.

```scss
[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](https://meta.discourse.org/t/fkb-pro-social-theme/234323/88?u=don)

* * *

> [@Fma965](#):
>
> É possível usar o componente Barra Lateral Direita com o painel FKB “stock”?

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.

* * *

> [@thisisjoshjones](#):
>
> Estou vendo os botões de login de terceiros desalinhados.

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

---

<div class="post-metadata">

### Author: ![Fma965](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fma965/32/259795_2.png) [@Fma965](https://meta.discourse.org/u/Fma965)
#### Post date: [22 Dezembro , 2023 10:48 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/243 "2023-12-22T10:48:01Z")

</div>

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

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

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [22 Dezembro , 2023 13:19 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/244 "2023-12-22T13:19:22Z")

</div>

@Fma965, adicionei uma nova configuração para mostrar [Blocos da Barra Lateral Direita](https://meta.discourse.org/t/right-sidebar-blocks/231067) abaixo do Painel FKB.

![Screenshot 2023-12-22 at 14.04.05](https://global.discourse-cdn.com/meta/original/4X/2/b/e/2be3bc6356fb288623bafd88be1199f922d01806.png)

> <https://github.com/VaperinaDEV/fkb-pro-theme/pull/35>

* * *

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

> [@thisisjoshjones](#):
>
> Estou vendo os botões de login de terceiros desalinhados. Só acontece no celular (e redimensionar o tamanho do texto para 75% os alinha novamente). Estou me perguntando se isso é um erro do FKB PRO ou não?
> 
> ![IMG_3326](https://global.discourse-cdn.com/meta/original/4X/6/f/d/6fd7cccb9e579743f9b07546f58600b415b944ea.jpeg)

@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)](https://github.com/discourse/discourse/commit/04a58a6e64b39c567b1fda6618f20e7b72a546ec) e este problema modal foi [corrigido desde então (20 de novembro)](https://github.com/discourse/discourse/pull/24457).

---

<div class="post-metadata">

### Author: ![Fma965](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fma965/32/259795_2.png) [@Fma965](https://meta.discourse.org/u/Fma965)
#### Post date: [22 Dezembro , 2023 13:33 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/245 "2023-12-22T13:33:50Z")

</div>

> [@Don](#):
>
> @Fma965, adicionei uma nova configuração para mostrar [Blocos da Barra Lateral Direita](https://meta.discourse.org/t/right-sidebar-blocks/231067) abaixo do Painel FKB.

Bom trabalho, obrigado

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/4/2/942bcd91c8176afce604193fd54f1f55aecb9100.png)

Ferramentas do Desenvolvedor  
 ![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/original/4X/1/7/7/177aef80ee25036864f22adea2121d82fd19018b.png)

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?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [22 Dezembro , 2023 13:39 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/246 "2023-12-22T13:39:54Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Fma965](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fma965/32/259795_2.png) [@Fma965](https://meta.discourse.org/u/Fma965)
#### Post date: [22 Dezembro , 2023 13:48 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/247 "2023-12-22T13:48:32Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [22 Dezembro , 2023 14:12 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/248 "2023-12-22T14:12:31Z")

</div>

> [@Fma965](#):
>
> 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.

---

<div class="post-metadata">

### Author: ![thisisjoshjones](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thisisjoshjones/32/303241_2.png) [@thisisjoshjones](https://meta.discourse.org/u/thisisjoshjones)
#### Post date: [28 Dezembro , 2023 00:13 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/249 "2023-12-28T00:13:25Z")

</div>

Você estava certo, obrigado!

---

<div class="post-metadata">

### Author: ![pzguillaume](https://avatars.discourse-cdn.com/v4/letter/p/ac91a4/32.png) [@pzguillaume](https://meta.discourse.org/u/pzguillaume)
#### Post date: [30 Dezembro , 2023 17:26 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/250 "2023-12-30T17:26:38Z")

</div>

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?..

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [30 Dezembro , 2023 18:00 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/251 "2023-12-30T18:00:14Z")

</div>

Olá @pzguillaume,

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

> [@Restrict editing of remote themes](https://meta.discourse.org/t/restrict-editing-of-remote-themes/170051):
>
> For quite a while, best practice has been to avoid editing themes installed from a remote Git repository locally on Discourse. Any changes to theme code or uploads get wiped out when updating the theme from the remote repo. In this commit, we’ve removed the ability to locally edit a remote theme and are now enforcing this best practice in Discourse. What happens if I have a remote theme with local changes? Nothing at this point. Your theme stays as is until you remove it or update it from re…

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [30 Dezembro , 2023 18:44 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/252 "2023-12-30T18:44:58Z")

</div>

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. 👍

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/d/9/bd94e86d3aca63fd10df5e1865da67f321dfa6d9.png)

---

<div class="post-metadata">

### Author: ![pzguillaume](https://avatars.discourse-cdn.com/v4/letter/p/ac91a4/32.png) [@pzguillaume](https://meta.discourse.org/u/pzguillaume)
#### Post date: [30 Dezembro , 2023 19:10 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/253 "2023-12-30T19:10:20Z")

</div>

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

@Arkshine : obrigado também! Você me ajuda muito! 👏 😊

[Página anterior](https://meta.discourse.org/t/fkb-pro-social-theme/234323.md?page=11)

[Próxima página](https://meta.discourse.org/t/fkb-pro-social-theme/234323.md?page=13)
