For screen width between 640px and 1024px, the language selector popup is too wide or not correctly centered.
| 500px - fullscreen ✅ | 640px - popup too wide ❌ | 800px - popup not centered ❌ | 1024 - popup centered ✅ |
 |  |  |  |
Derived Requirement
- The language selector popup in the Content Translation dashboard should be properly centered and responsive across different screen widths.
- For screen widths between 640px and 1024px, the popup should not be too wide or misaligned.
- The width and position of the popup should dynamically adjust based on the viewport size to maintain a consistent and centered display.
- Ensure the issue does not affect fullscreen mode at 500px and 1024px, where the alignment is already correct.
Test Steps
Test Case 1: Verify Language Selector Popup Alignment Across Viewports
- Open the Content Translation dashboard.
- Click on the language selector to open the popup.
- ✅❓❌⬜ AC1: At 500px, confirm that the popup is correctly displayed in fullscreen mode.
- ✅❓❌⬜ AC2: At 640px, verify that the popup is not too wide and properly centered.
- ✅❓❌⬜ AC3: At 800px, verify that the popup is properly centered.
- ✅❓❌⬜ AC4: At 1024px, confirm that the popup is correctly displayed and centered.
QA Results - Test Wiki
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T386130#10676704 |
| 2 | ✅ | T386130#10676704 |
| 3 | ✅ | T386130#10676704 |
| 4 | ✅ | T386130#10676704 |
