DEV: Слегка сделаем рефакторинг CSS и фото в ленте 100%

Проверка. Фото «световых столбов» в Нижнем Новгороде в 2024 году…

Но не все фото так растягиваются. Вот я заливаю фото с выводом его в ленту и не хочу, чтобы оно растягивалось!

frog.png

И в css упростил, чтобы можно было в 1 месте менять.

  --max-w-full: 100%;
  --max-w-sm: 300px;
  --max-w-md: 800px;

И исправлено более десятка ошибок (за последние несколько дней). Спасибо @paran0lik

См. Commit 59a3f23

14 Ответов

  1. Так значительно лучше и на мобильном!

  1. Пушка, спасибо большое за оперативность, глаз перфекциониста теперь радуется в 2 раза больше 😍

  1. Раз уж с изображениями начали, можно посмотреть вот что:

    https://github.com/fengyuanchen/cropperjs

    И если устроит, то полностью переписать загрузку. На этой недели ознакомлюсь.

    1. Работает шустро, на мобилке тоже корректно отрабатывает) Будет круто если фича появится)

  1. Можно посмотреть первые наброски по выбору размера аватарки и заставки тут, по адресу: libarea.ru/setting/avatar

    Если всё ок, переношу на весь сайт (статья, блоги).

    1. У себя сейчас поменял, работает исправно.

    1. Отлично работает!

    1. Обложка на профиль почему-то растягивается, выбираешь необходимую часть картинки, после загрузки ее растягивает

      См. ещё Без имени.png

      Аватарка вроде норм, но как будто немного сужается)

      Почему кстати в комментах нельзя спойлер использовать?

      1. Можно использовать, только код надо знать. Я вот отредактировал вам комментарий, добавил спойлер. 😄

        А по размерам, надо подбирать значить и разбираться с настройками. Там их очень много.

        P.S. Возможно изначально картинка узкая? Вот звять, например, фото шириной 700px, там прямоугольник вырежится, но его ширина то какая будет. Вот и получается. Тут не знай что делать.

        1. Понял, протестируем) Не знал, просто в посте есть кнопка редактора со спойлером, а в комментах нет) Вот и не знал 😁

  1. Делаю некоторые изменения в дизайне, по мелочи, но их много. Да и css надо чуток упорядочить. Возможно внешний вид сайта может слегка «прыгать» временно.

    1. Спасибо что иконку заменили на надпись «автор».

      1. Reddit, они приучили участников к определенным иконкам. А тут действительно лучше написать, понятней.

      1. Хз, мне микрофон нравился больше)
        Реддит оч редко читаю)