Page MenuHomePhabricator

Heading of template editor is centered; hence most text currently covered by "Apply changes" button in some languages
Closed, ResolvedPublic8 Estimated Story Points

Assigned To
Authored By
Eloquence
Dec 6 2014, 6:55 PM
Referenced Files
F174796: pasted_file
Jun 4 2015, 10:41 PM
F174798: pasted_file
Jun 4 2015, 10:41 PM
F174792: pasted_file
Jun 4 2015, 10:41 PM
F174794: pasted_file
Jun 4 2015, 10:41 PM
F174787: a9EiJtn.png
Jun 4 2015, 10:37 PM
F174790: PFYLGdO.png
Jun 4 2015, 10:37 PM
F109771: 81132103a7b84539c4196b6c.png
Apr 7 2015, 8:40 PM
F109767: 72ca3ef85264e46dc8940df5.png
Apr 7 2015, 8:40 PM
Tokens
"Heartbreak" token, awarded by Sunpriat.

Description

When editing the infobox in https://fr.wikipedia.org/w/index.php?title=S%C3%A9bastien_Texier&veaction=edit , the heading is misaligned (overlapping with button), see screenshot.

Screenshot_from_2014-12-06_10:53:30.png (900×1 px, 311 KB)

Event Timeline

Eloquence raised the priority of this task from to Needs Triage.
Eloquence updated the task description. (Show Details)
Eloquence added a project: VisualEditor.
Eloquence changed Security from none to None.
Eloquence subscribed.

Screenshot_from_2014-12-06_10:53:30.png (900×1 px, 311 KB)

This is the same issue as T70571, where this has been declined (the suggested solution is to make the button labels shorter). The abandoned patch https://gerrit.wikimedia.org/r/160812 would probably still work.

The solution would be not to absolutely center the title if it can't fit.

BeforeAfter
a9EiJtn.png (144×532 px, 6 KB)
PFYLGdO.png (144×532 px, 6 KB)

Thanks, Bartosz. The current behavior is clearly undesirable (useless or partially overlapping dialog titles); we may need to do both (shorten some button labels and optimize placement). I defer to @Jdforrester-WMF on the final approach.

Same at the German Wikipedia (check the Saving dialog). The French workaround to this one was changing the equivalent of "Save your changes" to "Contribution"...

This just became worse with the new design, IMHO.

Aklapper renamed this task from Heading of template editor is misaligned, possibly fr.wiki only to Heading of template editor is centered; hence most text currently covered by "Apply changes" button in some languages.Feb 19 2015, 5:24 PM

FYI this was brought up again by a user testing Citoid.

Change 160812 had a related patch set uploaded (by Bartosz Dziewoński):
ProcessDialog: Don't center the title label if there's not enough space

https://gerrit.wikimedia.org/r/160812

Change 160812 merged by jenkins-bot:
ProcessDialog: Don't center the title label if there's not enough space

https://gerrit.wikimedia.org/r/160812

Jdforrester-WMF assigned this task to matmarex.
Jdforrester-WMF triaged this task as Medium priority.
Jdforrester-WMF edited a custom field.

Worth a User-notice, I think? I believe this improves our UI in several languages significantly. :)

Worth a User-notice, I think? I believe this improves our UI in several languages significantly. :)

And makes it look worse in others. We'll need to test it post-release to see what further tweaks we need to make VE-side.

Well, no, it doesn't change anything except for the case where the label would be clipped.

Normal labelLong label
Before
pasted_file (145×524 px, 7 KB)
pasted_file (145×524 px, 7 KB)
After
pasted_file (145×524 px, 7 KB)
pasted_file (145×524 px, 8 KB)

The main place people encounter this is where all three labels are very long; this "fix" doesn't actually help them.