Достижение
Новобранец
Вход на сайт
Регистрация
Восстановить пароль
Уведомления
Hideo Kojima
Привет, готов к обмену?
Gabe Newell
Цены хорошие, буду дальше покупать.
Suda51
2000 Рублей за Ваш Shadows of the Damned
Hironobu Sakaguchi
Создать лот
Предложить обмен
Предложить деньги
Предложение обмена
Редактировать бейдж
Редактировать бейдж
Контакты
Правообладателям
Правообладателям
Сообщения
Нет сообщений.
Hironobu Sakaguchi
DriveClub
Nobuo Uematsu
Aliquam ullamcorper dolor gravida, cursus mauris vitae, feugiat nulla. Morbi consectetur quam erat, ut condimentum lectus scelerisque eget. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Akira Yamaoka
Morbi sed velit eu lectus venenatis hendrerit. Duis mollis volutpat ipsum non maximus. Phasellus fermentum odio ante, dapibus tincidunt turpis euismod non. Morbi fermentum lorem vel euismod laoreet. Curabitur elit metus, volutpat vel urna in, pellentesque suscipit nulla.
Aliquam ullamcorper dolor gravida, cursus mauris vitae, feugiat nulla. Morbi consectetur quam erat, ut condimentum lectus scelerisque eget. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Сообщения
Чат
.chat
Тут с версткой было проблем не меньше чем на десктопе. Нужно как-то завернуться в стандартный страничный скролл. Собсна пускаем ленту сообщений бесконечно по вертикали. Никаких сложных позиционирований и разметок не делаем. Лента разуплотняет поповер, попевер разуплотняет всю страницу. Появляется скроллбар.
Кейс, когда сообщений мало прижимаем к низу флекс-айтемом. По этому у самого блока .chat всякая возня с флексом.
Дальше бросаем поверх .chat__head и .chat__foot. Делаем это фиксированным позиционированием, из потока блоки вырываются. Под этими блоками так же скроллируются сообщения как и в видимой области. Чтобы начало и конец ленты сообщений .chat__ribbon были видны, ей нужно проставлять паддинги соответствующие по высоте шапки сверху и подвалу снизу. А еще у нас уже есть снизу отступ от попвера: http://prntscr.com/bo7fse его надо вычесть.
В CSS эти отступы проставлены по дефолту, с ними все ок. Если ничего не трогать, то работает :)
Верхний отступ менять не нужно: http://prntscr.com/bo7gxj Высота шапки постоянна. Если вдруг там не хватит места под имя собеседника или название игры, то там случится перенос строки и вертикальное центрирование.
А вот нижний отступ нужно пересчитывать http://prntscr.com/bo7h8t в случае если у нас останется expanding textarea.