Poder poner el banner sobre el contenido principal pero no sobre la barra lateral

antes de intentar atacarlo con un montón de código, solo me pregunto si es posible forzar que el banner se coloque dentro del contenedor de la página junto a la barra lateral en lugar de tener la barra lateral debajo de él.

3 Me gusta

Puedes echar un vistazo al Componente temático de ubicaciones de enchufes de complementos para ver dónde puedes agregar cosas fácilmente.

Sin embargo, eso solo ayudaría si fueras a crear tu propio componente o a bifurcar este.

2 Me gusta

Acabo de abrir una PR que agregará una configuración de salida de plugin para que se pueda mostrar así:

@tshenry ¿puedes probarlo y fusionarlo cuando tengas oportunidad? DEV: plugin outlet setting for sidebar, prettier by awesomerobot · Pull Request #15 · discourse/discourse-versatile-banner · GitHub

6 Me gusta

muchísimas gracias por esto y por todo tu gran trabajo @awesomerobot :slight_smile:

3 Me gusta

¡Se ve genial! :star_struck: ¡Gracias @awesomerobot!

¡PR fusionado!

4 Me gusta

¡Probado y funciona sin problemas!

3 Me gusta

¡Funciona perfectamente! :+1:

3 Me gusta

solo una nota rápida: este componente parece dejar un espacio en el margen superior debajo del encabezado en la vista de escritorio; también es notable encima de la barra de navegación en vistas donde no está habilitado (es decir, si mostrar para miembros está deshabilitado).

para reproducir, vaya a una página de lista de categorías o temas en una vista de escritorio y compare cuando el componente está habilitado o deshabilitado; el margen superior se expande aproximadamente 25px. esto se puede ver en vistas donde el banner tampoco está habilitado para miembros (he agregado un corrector de margen-superior al salida-principal en css común por el momento).

2 Me gusta

[cita=“Lilly, post:8, topic:280280, username:Lilly”]
este componente parece dejar un hueco en el margen superior debajo del encabezado en la vista de escritorio
[/cita]

Puedo observar lo mismo en la vista móvil también. Desactivar este TC soluciona el hueco, por lo que la causa definitivamente está aquí en alguna parte.

2 Me gusta

Para tu información, puedes añadir esto al CSS común para formatear el banner. Yo uso algo similar para formatear mi banner versátil para arreglarlo mientras tanto.

// * compensar el margen superior del banner versátil *

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

4 publicaciones se fusionaron en un tema existente: Versatile Banner