Bug: Некорректное отображение верстки слайдера Lobby

[Slepish]

Summary

Появляется просвет справа в слайдер при просмотре на iPhone SE

Environment: Google Chrome Версия 124.0.6367.201 (Официальная сборка), (64 бит) OS: MacOS Current version: https://github.com/hexlet-codebattle/codebattle/commit/f616d68e9e3ef244330c1c6e05b5dcd77eca7a37 Эмуляция iPhone SE

Reproduction steps

1. Авторизоваться
2. Открыть главную страницу

Expected result

У слайдера Lobby нет просвета справа

Actual result

У слайдера Lobby есть просвет справа

Browsers

Chrome

OS

Mac

[inevitable123455]

Summary: Некорректно отображается интерфейс на мобильной версии сайта

Environment: Yandex 24.6.0.1874 (64-bit) OC Windows 11

Steps-to-reproduce:

1. Авторизоваться
2. Открываем Devtools
3. Выбираем режим адаптивного дизайна и устройство, например iphone SE
4. Создаём игру с параметрами, например (Уровень-1, Тип игры-with a bot, время-8 min, название-rect_area)

Expected-result: Интерфейс корректно отображается

Actual-result: Интерфейс отображается некорректно

[Eris1389]

Некорректно отображается интерфейс сайта на мобильном устройстве

environment: Firefox, Chrome 23H2 (Официальная сборка) (64 бит) ОС Windows 11

steps-to-reproduce:

1. Открываем сайт в браузере https://codebattle.hexlet.io/
2. Авторизоваться
3. Открываем "DevTools"
4. Нажимаем на значок "Переключение панели инструментов устройств"

5. Выбираем iPhone SE

   expected-result: Корректно отображается интерфейс сайта на мобильном устройстве

   actual-result: 

   Некорректно отображается интерфейс сайта на мобильном устройстве

[AlexNurseos]

• summary: | Проверка наличия мобильной версии сайта
• environment: | Версия сайта :e6ec4dc Google Chrome 123.0.6312.122 (Официальная сборка) (64 бит) ОС Windows 10
• steps-to-reproduce: |
  • Войти на сайт https://codebattle.hexlet.io/
  • Авторизоваться
  • Открыть инструмент разработчика DevTools
  • В инструменте разработчика выбираем toggle divice toolbar
  • Выбираем Iphone SE
• expected-result: | Верстка не плывет, все отображается корректно
• actual-result: | Плывет верстка Lobby

[HEAMY7QA]

Summary: The site interface is incorrectly displayed on mobile devices

Environment: Yandex Browser 24.7.1.1076 (64-bit) ОС Windows 10 22H2 Version: d1efd63e6a79f79fff4b4fd4273f6757f5df8cdb

Prerequisites:

1. DevTools: Toggle device toolbar: iPhone XR
2. Open https://codebattle.hexlet.io/

3. Authorize

   Steps-to-reproduce:

   1. Open the lobby page https://codebattle.hexlet.io/#lobby

   Expected-result: Displaying game list scrolling sidebars in the “lobby” section covers the workspace

   Actual-result: Displaying game list scroll sidebars in the “lobby” section does not cover the workspace Elements: Scroll sidebars: position-absolute h-100 z-3 cb-left-scroll-control pr-2 start-0 d-block Workspace: nav-tabContent The bug occurs when you select a display height greater than 854

[FROSTECKI31]

summary: | The site interface is incorrectly displayed on a mobile device environment: | Current version 8a20565 Yandex Browser 24.7.0.2379 (64-bit) Windows 10 OS steps-to-reproduce: | Log in to https://codebattle.hexlet.io/ Authorize Open the DevTools developer tool (F12) In the developer toolbar select toggle divice toolbar (ctr+shfit+m) Select Iphone XR (for example) expected-result: | Layouts do not float, everything is displayed correctly. actual-result: | Lobby, Tournaments, History layout is floating.