Ser capaz de colocar o banner acima do conteúdo principal, mas não acima da barra lateral

antes de tentar atacá-lo com um monte de código, só queria saber se é possível forçar o banner a ficar dentro do contêiner da página ao lado da barra lateral em vez de ter a barra lateral abaixo dele?

3 curtidas

Você pode dar uma olhada no Componente temático de locais de saída de plugins para ver onde você pode adicionar coisas facilmente.

Isso só ajudaria se você fosse criar seu próprio componente ou fazer um fork deste.

2 curtidas

Acabei de abrir um PR que adicionará uma configuração de saída de plugin para que possa ser exibida assim:

@tshenry você pode testar e mesclar quando tiver uma chance? DEV: plugin outlet setting for sidebar, prettier by awesomerobot · Pull Request #15 · discourse/discourse-versatile-banner · GitHub

6 curtidas

muito obrigado por isso e por todo o seu ótimo trabalho @awesomerobot :slight_smile:

3 curtidas

Parece ótimo :star_struck: Obrigado @awesomerobot!

PR mesclado!

4 curtidas

Testado e funcionando perfeitamente!

3 curtidas

Funciona perfeitamente! :+1:

3 curtidas

apenas uma nota rápida - este componente parece deixar uma lacuna na margem superior sob o cabeçalho na visualização de desktop - ele também é perceptível acima da barra de navegação em visualizações onde não está habilitado (ou seja, se mostrar para membros estiver desabilitado).

para reproduzir, vá para uma página de categoria ou lista de tópicos em uma visualização de desktop e compare quando o componente está habilitado ou desabilitado - a margem superior se expande em cerca de 25px. isso pode ser visto em visualizações onde o banner não está habilitado para membros também (adicionei um corretor de margem-superior ao main-outlet em css comum por enquanto).

2 curtidas

Também consigo observar o mesmo na visualização móvel. Desativar este TC corrige a lacuna, então a causa está definitivamente aqui em algum lugar.

2 curtidas

FYI, você pode adicionar isso ao CSS comum para formatar o banner. Eu uso algo semelhante para formatar meu banner versátil para corrigi-lo no momento.

// * compensa o deslocamento da margem superior do banner versátil *

#main-outlet {
  margin-top: -25px;
}
2 curtidas

4 posts foram mesclados em um tópico existente: Versatile Banner