BDemetrix / BDemetrix.github.io

3 stars 2 forks source link

Баг с превью поста #21

Closed kulbergArt closed 10 months ago

kulbergArt commented 11 months ago

Проблема: на страницах с новостным типом лентой, Лента всех премиум постов (включается при нажатии на тогл “только заголовки“), если у автора слишком длинное имя, то строчку перекашивает. ориентироваться можно на автора “Анатолий Полубояринов“ (image1.png) Нюансы: речь идёт о ширине экрана 360px. Меньше я так понимаю можно не смотреть. Обратил внимание, что при ширине 367px имя автора влезает, а при 366px, уже переносится, хотя место ещё есть. Если есть возможность, хотелось бы это пространство почти полностью использовать. Оставить чисто пару пикселей с двух сторон. (image2.png)

image

image

kulbergArt commented 11 months ago

@kulberg_a это происходит потому, что мы пытаемся впихнуть невпихуемое. В первоначальной версии дизайна дата была в коротком формате. Надо определиться с шириной под дату и под имя. Можно сделать их по 50%

Подойдет?

@user71296048 Всё как обычно) Впихиваем невпихуемое) Слушай, ну как видишь дата бывает такой длинны “01 августа 2023, 15:23“, но больше уже вряд ли. Главное, чтобы на экранах с шириной 360px ники влезали. Может на ширине 370px делать шрифт ещё на 1 пункт меньше? Помимо всего.

BDemetrix commented 10 months ago

@kulbergArt image

kulbergArt commented 10 months ago
  1. оставить минимальное расстояние между иконкой и датой не получится так ка дата всегда имеет разную длину, а чтобы обрезать слишком длинное имя надо к чему-то привязываться. 2, Владимиру надо убрать костыль, который он сам добавил в css где-то ниже по коду: .news-card__date { width: 150px; flex: 0 0 150px; }