XF 2.0 Совмещение виджета

[Melton]

Как совместить два разных виджета в одном поле?

 

[MrRobot]

Добавляешь в виджеты статистику и чат
и судя по этому сайту, прописываешь в экстру это:

.siropuShoutbox {
    margin-top: -407px;
    margin-left: 465px;
    border-color: #2c3845;
    width: 455px;
}

.fsp {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 465px;
}

А вообще советую почитать эту тему, она вам будет полезна

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[West14]

и судя по этому сайту, прописываешь в экстру это:

И получаем, чуть более, чем полностью сломанную адаптивку. Решение там - вообще не идеальное.

Можно сделать гораздо изящнее.
1. Отключаем все позиции для виджетов статистики и чата. (Если статистика от BS и врублена группа с пользователями - отрубаем, либо не используем данный мануал, либо готовьтесь к самостоятельным правкам)
2. Оформляем модификацию шаблона.
Шаблон: forum_list
Ключ модификации: ya_kaker (не дай бог менять, мануал заточен под такой ключ)
Тип поиска: Простая замена
Найти:

<xf:widgetpos id="forum_list_above_nodes" />

Заменить:

$0

<div class="unifiedWidgets">
    <xf:widget key="statistic_pro" />
    <xf:widget key="real_time_chat" />
</div>

В атрибуте key указываются ключи выводимых виджетов. В данном случае, статистика и чат BS, у вас они могут быть другими, так что смотрите в списке виджетов.
В extra.less добавляем:

.unifiedWidgets {
    display: flex;
    justify-content: space-between;
   
    & > div {
        width: 50%;
    }
}

@media (max-width: @xf-responsiveWide) {
    .unifiedWidgets {
        display: inherit;
       
        & > div {
            width: inherit;
        }
       
    }
}

Результат:


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