Bug: No buttons on smartphone portrait mode after game over
Summary
When the game ends, the buttons that appear after this stage are not displayed on smartphones in portrait mode
iPhone 13 Pro Max - portrait mode:
iPhone 13 Pro Max - landscape mode:
Environment
OS: MacOS 14.7 (23H124) Browser: Firefox 133.0 (aarch64) Codebattle version: bb44a99
Reproduction steps
- Start a game (or a simple battle)
- Play until the game ends
- Open developer tools in your browser
- Switch to responsive design mode
- Set the following parameters to emulate iPhone 13 Pro Max:
- width - 414
- height - 896
- DPR - 3 (if available)
- Check the game interface in portrait mode
Expected result
All interface elements, including the buttons that appear after the game ends, are visible in portrait mode
Actual result
The buttons that appear after the game ends, are not visible in portrait mode, making it impossible for users to interact with them
Summary: Missing “Back home” and “Open history” buttons in a mobile version
Environment: Chromium 135.0.7049.84 (Official Build) snap (64-bit) OS Ubuntu 24.04.2 LTS version: 376ef8e
Steps-to-reproduce:
- Open the page
- Create a game with a bot/other user/friend
- View the page from a mobile device using DevTools
Expected-result: All elements of the layout are displayed
Actual-result: Buttons "Back home" and "Open history" are gone
Summary:
There is no display of the "Back home" and "Open history" buttons in the mobile version of the application
Steps:
-
Go to https://codebattle.hexlet.io/#lobby
-
Create a game with any opponent
-
Open DevTools
-
Go to Toggle device toolbar
Expected-result: The entire layout of the site is displayed on a mobile device. All buttons and interface elements are active.
Actual-result:
The "Back home" and "Open history" buttons are not displayed.
Environment: MacOS 15.6.1 (24G90) Google Chrome (139.0.7258.154/155) Version: 68f356b
Summary: Buttons "Back home" and "Open history" are not displayed in the mobile version of the application.
Steps:
-
Go to https://codebattle.hexlet.io/#lobby
-
Create a game with any opponent
-
Open DevTools
-
Switch to Toggle device toolbar
Expected result: The entire site layout is displayed correctly on a mobile device. All buttons and interface elements are active.
Actual result: Buttons "Back home" and "Open history" are not displayed.
Environment:
macOS 13.2.1
Google Chrome ( 138.0.7204.184 )
Version: 68f356b