Возможность разместить баннер над основным контентом, но не над боковой панелью

Внести вклад Функция
,
1

Прежде чем я попробую решить это с помощью кучи кода, просто интересно: возможно ли вообще заставить баннер располагаться внутри контейнера страницы рядом с боковой панелью, а не под ней?

3 лайка
2

Вы можете посмотреть компонент темы с расположением плагинов, чтобы узнать, куда легко добавлять элементы.

Это поможет только в том случае, если вы планируете создать свой собственный компонент или форкнуть этот.

2 лайка
3

Я только что открыл PR, который добавит настройку для плагина-выхода, чтобы её можно было отображать следующим образом:

Screenshot 2023-05-18 at 11.13.52 AM
Screenshot 2023-05-18 at 11.13.52 AM1419×688 86.2 KB

@tshenry, не могли бы вы протестировать это и объединить, когда у вас будет возможность? DEV: plugin outlet setting for sidebar, prettier by awesomerobot · Pull Request #15 · discourse/discourse-versatile-banner · GitHub

6 лайков
4

Огромное спасибо за это и за всю вашу замечательную работу @awesomerobot :slight_smile:

3 лайка
5

Выглядит отлично :star_struck: Спасибо, @awesomerobot!

PR объединён!

4 лайка
6

Протестировано и работает отлично!

3 лайка
7

Работает отлично! :+1:

3 лайка
8

Просто короткое замечание — этот компонент, похоже, оставляет отступ сверху под заголовком в десктопной версии. Это также заметно над навигационной панелью на страницах, где он не включён (например, если опция «показывать для участников» отключена).

Чтобы воспроизвести проблему, перейдите на страницу списка категорий или тем в десктопной версии и сравните, когда компонент включён и когда выключен — верхний отступ увеличивается примерно на 25 пикселей. Это можно увидеть и на страницах, где баннер не включён для участников (пока что я добавил корректор top-margin к main-outlet в общем CSS).

2 лайка
9

Я наблюдаю то же самое и в мобильной версии. Отключение этого TC устраняет зазор, значит, причина определённо где-то здесь.

2 лайка
10

К сведению, вы можете добавить это в общий CSS для форматирования баннера. Я использую похожий подход для форматирования своего универсального баннера, чтобы исправить это на время.

// * компенсация смещения верхнего отступа универсального баннера *

#main-outlet {
  margin-top: -25px;
}
2 лайка
11

4 сообщения были объединены в существующую тему: Versatile Banner