search

Hexlet / hexlet-friends

https://friends.hexlet.io/
GNU Affero General Public License v3.0
67 stars 101 forks source link

Смещение меню пагинации в мобильной версии (Ru / En) #296

Open Shvidunov opened 1 year ago

Shvidunov commented 1 year ago

Ожидаемое поведение

Меню пагинации в мобильной версии расположено симметрично, имеет одинаковые отступы от краев экрана

Текущее поведение

Меню пагинации в мобильной версии смещено влево, часть надписи срезана Screenshot_20230727-093823

Возможные решения

Дейсвия по воспроизведению

  1. С главной страницы перейти на страницу contributors - all time
  2. проверить расположение меню пагинации

Информация о вашей системе

Pixel 3 Android 12

Информация об установленных зависимостях

Asgef commented 3 months ago

Беру в работу.

Asgef commented 3 months ago

@Shvidunov @fey Применил адаптацию, для крайних кнопок виджета, на экранах ≥576px. Выложил демо Здесь больше страниц.

Как вам такое решение?

Снимок экрана от 2024-05-29 14-34-52 Снимок экрана от 2024-05-29 14-34-28

fey commented 3 months ago

@Asgef а что именно поменялось? :thinking:

fey commented 3 months ago

@Shvidunov Можете пожалуйста выделить на скриншоте рамкой места несимметричных версткой и где едет верстка? Чет не могу увидеть

Asgef commented 3 months ago

@Asgef а что именно поменялось? 🤔

Кнопки "Previous" и "Next", на маленьких экранах, заменяются на стрелки. << >>. Сейчас в текущей версии сайта так:

Снимок экрана от 2024-05-29 16-02-06

Реализовал так Снимок экрана от 2024-05-29 16-03-35

fey commented 3 months ago

а, хорошо. Присылайте ПР

Shvidunov commented 3 months ago

@fey Не мог раньше ответить. Вижу, что решение нашлось.