Last modified: 2014-09-19 23:12:12 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T70571, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 68571 - OOjs UI: Auto-shortening of dialog titles when there's insufficient space isn't working
OOjs UI: Auto-shortening of dialog titles when there's insufficient space isn...
Status: RESOLVED FIXED
Product: OOjs UI
Classification: Unclassified
General (Other open bugs)
unspecified
All All
: High normal
: ---
Assigned To: Editing team bugs – take if you're interested!
: design, i18n
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2014-07-25 14:04 UTC by Amir E. Aharoni
Modified: 2014-09-19 23:12 UTC (History)
4 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments
a screenshot with the problem (297.09 KB, image/png)
2014-07-25 14:05 UTC, Amir E. Aharoni
Details

Description Amir E. Aharoni 2014-07-25 14:04:56 UTC
In languages where the messages "Save your changes" and "Save page" are longer than in English, the button can overlap the window title.

For an example of how it can look see the attached screenshot (in Russian).

A full list of translations of these messages can be found here:
* https://translatewiki.net/w/i.php?title=Special:Translations&message=MediaWiki%3AVisualeditor-savedialog-title-save
* https://translatewiki.net/w/i.php?title=Special:Translations&message=MediaWiki%3AVisualeditor-toolbar-savedialog
Comment 1 Amir E. Aharoni 2014-07-25 14:05:27 UTC
Created attachment 16036 [details]
a screenshot with the problem
Comment 2 Elitre 2014-07-27 07:55:20 UTC
The screenshot for French is at https://commons.wikimedia.org/wiki/File:Bug_EV_affichage_enregistrement.png .
Comment 3 Amir E. Aharoni 2014-07-28 20:22:15 UTC
This happens even in English in the "Insert references list" dialog.
Comment 4 Bartosz Dziewoński 2014-09-06 19:06:29 UTC
It seems the intended behavior is to ellipse the text, but that doesn't happen because the label is inline-block. If I override that to inline, then it displays silly because it had margins which are no longer applied, which would have to be fixed with some more rules (line-height probably). That doesn't seem optimal and it feels like it could cause other problems later, so I'm not sure if we should do it.

I wonder if that behavior is a good idea at all. Perhaps we should center the label within the space between buttons if there isn't enough space to center it relative to the entire window? That could be done in ProcessDialog#fitLabel, or with some creative CSS, and would make this problem a lot rarer.
Comment 5 Bartosz Dziewoński 2014-09-16 20:13:19 UTC
(In reply to Bartosz Dziewoński from comment #4)
> It seems the intended behavior is to ellipse the text, but that doesn't
> happen because the label is inline-block. If I override that to inline, then
> it displays silly because it had margins which are no longer applied, which
> would have to be fixed with some more rules (line-height probably). That
> doesn't seem optimal and it feels like it could cause other problems later,
> so I'm not sure if we should do it.

This has been fixed in 6ede2d8223df9e62f4693fd45570b55eb682d69d and adfcf92c6abfe15d782481c5d786c1f8136429ae, it seems.


> I wonder if that behavior is a good idea at all. Perhaps we should center
> the label within the space between buttons if there isn't enough space to
> center it relative to the entire window? That could be done in
> ProcessDialog#fitLabel, or with some creative CSS, and would make this
> problem a lot rarer.

And I'm going to do this too.
Comment 6 Gerrit Notification Bot 2014-09-16 20:27:23 UTC
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
Comment 7 Gerrit Notification Bot 2014-09-19 23:11:37 UTC
Change 160812 abandoned by Bartosz Dziewoński:
ProcessDialog: Don't center the title label if there's not enough space

Reason:
Okay, so it seems we don't actually want to do this. I'm not sure if I agree, but I can accept that this is by design.

https://gerrit.wikimedia.org/r/160812
Comment 8 Bartosz Dziewoński 2014-09-19 23:12:12 UTC
As fixed as it's going to get.

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links