Скрыть заголовок форума только в списке разделов

Мануал 2.x Скрыть заголовок форума только в списке разделов

Скрыть заголовок форума в списке разделов, переместить кнопки "Новые сообщения","Создать тему" левее

SOUL

АдминкА
Администратор
Сообщения
6.828
Симпатии
10.146
Баллы
266
#1
SOUL разместил(а) новый ресурс:

Скрыть заголовок форума только в списке разделов - Скрыть заголовок форума в списке разделов, переместить кнопки "Новые сообщения","Создать тему" левее

Чтобы скрыть заголовок форума только в списке форумов, вы можете добавить этот код в свой шаблон extra.less :

CSS:
/*** Hide forum title on forum list ***/
[data-template="forum_list"]
{
    .p-title-value {
        display: none;
    }
    .p-title {
        float: right;
    }
}
/**********/
Результат:

Посмотреть вложение 27160

Чтобы переместить кнопки "Новые сообщения" и "Создать тему" левее, добавьте код:
CSS:
/*** Hide forum title on forum list ***/...
Посмотреть страницу этого ресурса...
 

Skaiman

[SVG]ADD-ONS ™
Разработчик
Сообщения
5.955
Симпатии
5.690
Баллы
266
#3
Так надо::
CSS:
body[data-template="forum_list"] .p-title {
    justify-content: flex-end; /* Выравниваем блоки по правому краю, на главной странице */
}

body[data-template="forum_list"] .p-title-value {
    display: none; /* убираем заголовок на главной странице */
}
 

Skaiman

[SVG]ADD-ONS ™
Разработчик
Сообщения
5.955
Симпатии
5.690
Баллы
266
#5
Там просто если скрыть заголовок, кнопки смещаются влево, так как используется flexbox и надо сместить их назад
 
Последнее редактирование:

Skaiman

[SVG]ADD-ONS ™
Разработчик
Сообщения
5.955
Симпатии
5.690
Баллы
266
#6
Less:
body {
    &[data-template="forum_list"] {
        .p-title-value {
            display: none; /* убираем заголовок на главной странице */
        }       
        .p-title {
            justify-content: flex-end; /* Выравниваем блоки по правому краю, на главной странице */
        }
    }
}
 

Unsubdued

Администратор
Сообщения
3.828
Симпатии
8.070
Баллы
266
#7
Ну, вероятно Хоттабыч этого всего не знал ))
 
Вверх Снизу