'Archive All cards' confirmation madal does not show properly on ultrawide 3440x1440 (21:9 ration) screen
Open
Nobody has claimed this yet.
1. to develop
bug
design
frontend
good first issue
- Dominant language
- JavaScript
- Stars
- 1.4k
- Forks
- 354
- Avg merge
- 1d 10h
- Merged PRs (30d)
- 43
Description
Describe the bug
The content of the confirmation dialog is not visible (can't see any buttons)
To Reproduce
Steps to reproduce the behavior:
- open deck in 21:9 ratio browser window
- click '...' above any list
- click 'archive all cards"
- 'see the modal dialog with invisible buttons: "cancel" and "archive all cards"
Expected behavior
the buttons should be visible
Screenshots
https://lucas.brightit.pl/index.php/s/bBoJEbDCnMHntGT
Client details:
- OS: Kubuntu 20.04
- Browser: Firefox
- Version: 89.0.2
- Device: Desktop
Possible issue
class "modal_content" is width:25vw and parent class "modal_container" is max-width: 900px
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Locate the modal_content and modal_container styles in the frontend, then reproduce the Archive All cards confirmation dialog in a 3440x1440, 21:9 browser window. Adjust the layout so the Cancel and Archive All Cards buttons are visible, and verify the dialog at that viewport.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 52/100