Steps to replicate the issue (include links if applicable):
- On a wiki with Vector 2022 Zebra and Echo installed:
- Receive notifications. The effect is more pronounced if you have 50 or more (of all time), as it causes a page button to appear.
- Open [[Special:Notifications]] (don't forget ?VectorZebraDesign=1).
What happens?:
Notifications overflow into the right sidebar.
What should have happened instead?:
The boxes are reduced in width to fit on the page.
Other information (browser name/version, screenshots, etc.):
- Resolution: 1366 x 768
- Chrome OS
- Unfortunately I cannot provide any more info because I can only reproduce this on a school-issued Chromebook that blocks the settings menu, including the about and version pages.
Requirement
Ensure that when both sidebars are open on Vector 2022, the Special:Notifications interface does not overlap the right sidebar by reducing the width of the notification boxes to fit within the available space.
BDD
gherkin
Feature: Prevent Overlap of Special:Notifications in Vector 2022
Scenario: Special:Notifications interface does not overlap the right sidebar
Given both sidebars are open in the Vector 2022 skin
When the user opens Special:Notifications
Then the notification boxes should be reduced in width to fit within the available space
And there should be no overlap with the right sidebarTest Steps
Test Case 1: Verify Special:Notifications Interface in Vector 2022
- Ensure both sidebars are open in the Vector 2022 skin.
- Navigate to Special:Notifications.
- AC1: Confirm that the notification boxes are reduced in width to fit within the available space.
- AC2: Confirm that there is no overlap with the right sidebar.
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T337954#9894559 |
| 2 | ✅ | T337954#9894559 |
QA Results - Prod
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T337954#9894562 |
| 2 | ✅ | T337954#9894562 |