mpreterer / Hotel-Toxin

0 stars 0 forks source link

Верстка #2

Closed metanonum closed 1 year ago

metanonum commented 2 years ago
  1. Странное наложение текста при клике на пункт меню
  2. Ожидается, что выпадающий список будет под соответствующим пунктом меню. Получается так, что большая часть списка расположена под следующим пунктом меню.
    Скриншот 05-08-2022 143549
  3. На кнопке не должно быть двойного ховер-эффекта

https://user-images.githubusercontent.com/105342075/183053234-3489bae1-6005-4324-a3d9-08a9bba7fa25.mp4

  1. Небольшие дефекты кнопки "Зарегистрироваться". Верхняя граница выделяется синей полоской, нижняя фиолетовой. Должно быть плавно как у кнопки "Подобрать номер". Скриншот 05-08-2022 151710
    Скриншот 05-08-2022 152251
  2. Не дождался смены фоновой картинки. На макете главной страницы есть 3 фоновых изображения, ожидается что они будут постепенно сменять друг друга.
  3. Ховер-эффект промежутка дат отличается при выборе правой или левой стороны от начальной даты.

https://user-images.githubusercontent.com/105342075/183053700-4d7e34f9-7818-4ecf-a2ef-28cb50b6b1ea.mp4

  1. Проверить pixel perfect, в частности, различные отступы
    Скриншот 05-08-2022 154307 Скриншот 05-08-2022 155557
  2. Нужно адаптировать футер до момента когда он сменит дизайн (768px), а не убирать контент.

https://user-images.githubusercontent.com/105342075/183054154-8236595d-5e08-4e2f-91ff-75bd97209fbc.mp4

  1. Проверить отсутсвие прилипания контента к краям.
    Скриншот 05-08-2022 160108
  2. Футер везде должен быть прижать к низу страницы.
    Скриншот 05-08-2022 160838
metanonum commented 2 years ago
  1. Проверить соответствие макетам. Скриншот 24-08-2022 192300 Здесь кнопка "Зарегистрироваться"
  2. Хедер и футер должны соответствовать контейнеру страницы.
  3. Нужно избегать пустот и делать компоненты максимально резиновыми. Скриншот 24-08-2022 194627 В данном случае, рядом с фильтром точно влезла бы одна колонка. Добавив динамические размеры карточкам и фильтру, страница станет более гибкой.
    Вот пример как это можно обыграть:

https://user-images.githubusercontent.com/105342075/187738539-19c4bb72-e660-43ca-b4fd-841dd4ae3e8e.mp4

  1. Звездочки двоятся Скриншот 31-08-2022 232031
  2. Почему все комнаты помечены "Люкс"?
metanonum commented 2 years ago

2.7 Высоту строк тоже

Скриншот 31-08-2022 231744

metanonum commented 2 years ago

2.5

На страницах login и registration смена фона ломается после второй картинки. И еще, в фаерфокс изображения переключаются без перехода. У background-image дискретный тип анимируемости. Поведение webkit не стандартное.

metanonum commented 2 years ago
  1. Маркеры списка выпадают за границу окна
  2. Неровные секции Скриншот 12-09-2022 194035
  3. Когда зовешь смотреть, проверяй чтобы страницы не ехали. Скриншот 12-09-2022 173909
  4. Слоган "Лучшие номера..." пропадает на малом экране. Нельзя просто так убирать контент, который есть в дизайне.
  5. Еще, не заметил, в бургер меню недоступен контент выпадающих списков меню.
  6. Шаги карусели накладываются на раскрытое бургер-меню. Скриншот 12-09-2022 144601
metanonum commented 2 years ago

2.12

Всё еще не соответствует
Скриншот 16-09-2022 143806 Скриншот 16-09-2022 143856 Скриншот 16-09-2022 143947

2.17

Не ровные секции Скриншот 16-09-2022 144140 И еще, между блоками должен быть разумный отступ, указанный маловат.

metanonum commented 2 years ago
  1. Когда есть очевидный общий стиль форматирования текста, его нужно задавать через css, а не вручную. Скриншот 16-09-2022 161103
  2. Наложение на меньшем экране Скриншот 16-09-2022 162211
  3. Однотипные заголовки должны быть одинакового размера. Скриншот 16-09-2022 162323
  4. Выпадающий список реализован некорректно. Ожидается поведение "collapse", а не "popover". Т.е. при раскрытии происходит сдвиг всего что расположено снизу, а не наложение. На скрине видно, что дизайн не предполагал такого поведения. Скриншот 16-09-2022 162457
metanonum commented 2 years ago
  1. Кнопка лайка уменьшилась Скриншот 16-09-2022 142408
metanonum commented 2 years ago
  1. Когда карточки в две колонки, первая карточка на второй строке прилипает ко второй карточке (1100-1200px)
    Скриншот 26-09-2022 144712
metanonum commented 2 years ago

2.12

Хорошо выровнял по хедеру. В одном только случае (1039-1100px) карточки лучше не ужимать вправо, а выровнять по заголовку, но это можно не править.

metanonum commented 1 year ago
  1. Календарь выпадает за границу экрана. На меньших экранах такой проблемы нет. Скриншот 23-12-2022 183532