On languages that have longer labels, the yellow talk message banner will take more space than usual.
- On testwikitrigger the yellow talk message banner ( leave a comment on your personal talk page).
- Change UI language to German (with uselang=de). Starting with a screen width :1337px, the user link icon will be displayed off screen.
At the 1319px, the yellow talk message banner will be displayed on the next line.
Acceptance Criteria
- Add a max-width to the message banner that is a computed width of 270px (should probably be in em units)
- Also make the message show an ellipsis when the message exceeds the max-width
QA Steps
- Navigate to a page on Beta Cluster with the German query parameter uselang=de i.e. https://en.wikipedia.beta.wmflabs.org/wiki/Albert_Einstein?uselang=de
- Create a new talk message for your account (instructions in T285442)
- Resize the browser window and check that all icons remain in view between 1319-1337 px
QA Results - Beta
AC | Status | Details |
---|---|---|
1 | ✅ | T287996#7279062 |
QA Results - Prod
AC | Status | Details |
---|---|---|
1 | ✅ | T287996#7279070 |