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

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

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

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

frog.png

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

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

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

См. Commit 59a3f23

Веб-разработка Дизайн LibArea
8
250
+ Читать

14 Ответов

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

    1
    Ответить

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

    1
    Ответить

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

    https://github.com/fengyuanchen/cropperjs

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

    3
    Ответить

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

      1
      Ответить

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

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

    2
    Ответить

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

      1
      Ответить

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

      1
      Ответить

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

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

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

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

      2
      Ответить

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

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

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

        1
        Ответить

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

          1
          Ответить

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

    1
    Ответить

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

      1
      Ответить

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

        1
        Ответить

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

        1
        Ответить