Bevor ich versuche, es mit einer Menge Code anzugreifen, frage ich mich nur, ob es überhaupt möglich ist, das Banner im Seitencontainer neben der Seitenleiste zu platzieren, anstatt die Seitenleiste darunter zu haben?
3 „Gefällt mir“
Sie können sich die Plugin-Outlet-Standorte-Themenkomponente ansehen, um zu sehen, wo Sie einfach Dinge hinzufügen können.
Das würde nur helfen, wenn Sie Ihre eigene Komponente erstellen oder diese hier forken würden.
2 „Gefällt mir“
Ich habe gerade einen PR geöffnet, der eine Plugin-Outlet-Einstellung hinzufügt, damit er so angezeigt werden kann:
@tshenry kannst du es ausprobieren und es zusammenführen, wenn du Zeit hast? DEV: plugin outlet setting for sidebar, prettier by awesomerobot · Pull Request #15 · discourse/discourse-versatile-banner · GitHub
6 „Gefällt mir“
Vielen Dank für diese und für all Ihre großartige Arbeit @awesomerobot 
3 „Gefällt mir“
Sieht großartig aus 
Danke @awesomerobot!
PR zusammengeführt!
4 „Gefällt mir“
Getestet und läuft reibungslos!
3 „Gefällt mir“
funktioniert perfekt! 
3 „Gefällt mir“
Nur eine kurze Notiz – diese Komponente scheint im Desktop-Modus eine Lücke im oberen Rand unterhalb des Headers zu hinterlassen – sie ist auch oberhalb der Navigationsleiste in Ansichten bemerkbar, in denen sie nicht aktiviert ist (d. h. wenn für Mitglieder anzeigen deaktiviert ist).
Um dies zu reproduzieren, gehen Sie zu einer Kategorie- oder Themenlistenseite in der Desktop-Ansicht und vergleichen Sie, wenn die Komponente aktiviert oder deaktiviert ist – der obere Rand erweitert sich um etwa 25 Pixel. Dies ist auch in Ansichten sichtbar, in denen das Banner nicht für Mitglieder aktiviert ist (ich habe vorerst einen Korrektor für den top-margin zum main-outlet in common CSS hinzugefügt).
2 „Gefällt mir“
Ich kann dasselbe auch in der mobilen Ansicht beobachten. Wenn ich diesen TC deaktiviere, wird die Lücke behoben, daher liegt die Ursache definitiv hier irgendwo.
2 „Gefällt mir“
FYI, Sie können dies für die Formatierung des Banners zum gemeinsamen CSS hinzufügen. Ich verwende ähnliches für die Formatierung meines vielseitigen Banners, um es in der Zwischenzeit zu beheben.
// * Kompensieren Sie den oberen Rand des vielseitigen Banners *
#main-outlet {
margin-top: -25px;
}
2 „Gefällt mir“
4 Beiträge wurden in ein bestehendes Thema zusammengeführt: Vielseitiger Banner