| • alexhollender_WMF | |
| Apr 26 2022, 3:38 PM |
| F35130300: Screen Shot 2022-05-11 at 6.24.24 AM.png | |
| May 11 2022, 1:25 PM |
| F35100027: Screen Shot 2022-05-03 at 6.45.27 PM.png | |
| May 4 2022, 1:46 AM |
| F35100028: Screen Shot 2022-05-03 at 6.44.24 PM.png | |
| May 4 2022, 1:46 AM |
| F35068718: Screen Shot 2022-04-26 at 11.45.15 AM.png | |
| Apr 26 2022, 3:46 PM |
| F35068717: Screen Shot 2022-04-26 at 11.44.33 AM.png | |
| Apr 26 2022, 3:46 PM |
| F35068710: Screen Shot 2022-04-26 at 11.34.13 AM.png | |
| Apr 26 2022, 3:39 PM |
| F35068713: Screen Shot 2022-04-26 at 11.33.42 AM.png | |
| Apr 26 2022, 3:39 PM |
| F35068707: Screen Shot 2022-04-26 at 11.33.42 AM.png | |
| Apr 26 2022, 3:38 PM |
Long section titles currently get clipped. Perhaps they should wrap, using word-break: break-all or a similar approach?
example: https://en.wikipedia.org/wiki/User:AHollender_(WMF)/sandbox/Long_section_title_test
| before | after |
|---|---|
 |  |
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T306913#7901733 |
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T306913#7920825 |
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| Add word-break CSS to TOC links | mediawiki/skins/Vector | master | +8 -4 |
Break-all is never a good idea, as that would break words even in the presence of spaces or hyphens. We usually do this with word-break:break-word + word-wrap:break-word, to have all browsers covered, though I think overflow-wrap has also more browser-support now. The alternative is of course text-overflow:ellipsis.
Change 787056 had a related patch set uploaded (by Bernard Wang; author: Bernard Wang):
[mediawiki/skins/Vector@master] Add word-break CSS to TOC links
Change 787056 merged by jenkins-bot:
[mediawiki/skins/Vector@master] Add word-break CSS to TOC links
Status: ✅ PASS
Environment: beta
OS: macOS Monterey
Browser: Chrome
Device: MBP
Emulated Device:NA
Test Artifact(s):
✅ AC1: Long section titles should wrap in TOC.
Status: ✅ PASS
Environment: enwiki
OS: macOS Monterey
Browser: Chrome
Device: MBP
Emulated Device:NA
Test Artifact(s):
✅ AC1: Long section titles should wrap in TOC.
