chainhackers / gamejutsu-demos

GameJutsu framework web demos
MIT License
2 stars 4 forks source link

В web-версии кнопка "Checkers rules notice" при изменении разрешения браузера сдвигается в правую сторону #114

Closed originalskobka closed 1 year ago

originalskobka commented 1 year ago

Предусловия:

  1. Подключиться к сайту с двух аккаунтов.

  2. С первого аккаунта создать игру в Checkers.

  3. Со второго аккаунта подключиться к игре через кнопку JOIN.

  4. Апрувнуть все.

Шаги воспроизведения:

  1. Уменьшаем разрешение браузера до 991х1190 (второе значение может быть любым, оно нас не волнует, обращаем внимание на первое значение - ширину).
  2. Смотрим на кнопку.
  3. Продолжаем уменьшать разрешение браузера в ширину.

Ожидаемый результат:

  1. Кнопка адаптируется под изменение разрешение браузера. Все элементы в кнопке адаптируются под изменение разрешения браузера.

Фактический результат:

  1. На брейкпоинте 991х1190 появляется кнопка. Кружок с восклицательным знаком находится за пределами кнопки.

Image

  1. При дальнейшем уменьшении разрешения кнопка начинает двигаться, с брейкпоинта 948х1190 кнопка начинает выходить за рамки

Image

  1. Если продолжить уменьшать разрешение браузера, то кнопка продолжает смещаться. Текст кнопки становится недоступным. Кликнуть на кнопку нет возможности

Видео - https://disk.yandex.ru/i/P_3RiIOflHqWXA

pixelPepe commented 1 year ago

fixed Image

originalskobka commented 1 year ago

Кнопка адаптируется под изменение разрешения браузера.

Image