Страница 2 из 2

Re: Перенос кнопок управления сообщениями

Добавлено: 27.12.2018 11:01
Aleksej2000
Pazh писал(а):
26.12.2018 9:04
скролл вертикальный внутри сообщения - если оно реально большое
Не настолько большое для прокрутки.
У меня на форуме фиксированный верхний навбар. Идеально, если бы кнопки "спрыгивали" на него при начале сообщения, и уходили, уступая место кнопкам другого сообщения, при уходе их сообщения выше навбара.
В одном из стилей на форуме сделано так с графой " поиск в теме", она в темах при уходе ввверх верхнего меню темы перескакивает на навбар. Теоретически можно повторить, посмотрев код. Но как сделать, чтобы они уходили в конце сообщения, я не знаю.

Re: Перенос кнопок управления сообщениями

Добавлено: 30.12.2018 3:54
LavIgor
Интересный источник идей в этой теме.
Сразу захотелось добавить в БО возможность фиксации кнопок управления сообщениями (ну не "плавают" они, а наоборот ;) ), а также задание фиксированной высоты сообщений (при превышении которой отображается ссылка/кнопка "читать далее").
Сохранил на заметку.

Re: Перенос кнопок управления сообщениями

Добавлено: 10.01.2019 12:07
Pazh
LavIgor писал(а):
30.12.2018 3:54
при превышении которой отображается ссылка/кнопка "читать далее"
а при этом добавить lazyload для вложений/изо, которые скрыты. НО - при сокрытии части поста нужно не забывать что при "обрезании" можно порвать html форматирование страницы, со всеми вытекающими...

Re: Перенос кнопок управления сообщениями

Добавлено: 11.06.2019 15:56
neexforg
Подскажите, как можно кнопки перенести с верху в низ сообщения
Безымянный.jpg

Re: Перенос кнопок управления сообщениями

Добавлено: 11.06.2019 22:51
Sheer
neexforg писал(а):
11.06.2019 15:56
с верху в низ
Сверху вниз
В .has-profile .post-buttons поменять top на bottom
Screenshot_1.png

Re: Перенос кнопок управления сообщениями

Добавлено: 04.08.2019 17:24
Sumanai
Да здравствует современный CSS

Код: Выделить всё

.has-profile .post-buttons {
    position: sticky;
    max-width: none !important;
    margin-top: -25px;
    display: flex;
    justify-content: flex-end;
}