https://bugzilla.wikimedia.org/show_bug.cgi?id=60672
Web browser: ---
Bug ID: 60672
Summary: Flow: buttons wrap onto new line infelicitously when
editing post.
Product: MediaWiki extensions
Version: master
Hardware: All
OS: All
Status: NEW
Severity: normal
Priority: Unprioritized
Component: Flow
Assignee: wikibugs-l@lists.wikimedia.org
Reporter: sp...@wikimedia.org
CC: ebernhard...@wikimedia.org, oke...@wikimedia.org,
pandiculat...@gmail.com, sp...@wikimedia.org
Classification: Unclassified
Mobile Platform: ---
Created attachment 14425
--> https://bugzilla.wikimedia.org/attachment.cgi?id=14425&action=edit
multi-line button alignment issues in Chromium
When editing a reply, the indent plus the 50% wide terms of use plus the longer
[Submit changes] text lead to buttons wrapping onto a second line.
Even if we tweak the design (more wrapping, quiet "Cancel" button, etc.), the
buttons are going to wrap in some languages, so Agora should handle this
better. We should recheck when Flow uses the Agora in core, but for now I
notice:
* Buttons butt up against each other vertically, there's no spacing.
* The middle Preview button isn't fully right-aligned (in Chromium but OK in
Firefox). I think it has a gap to its right for whitespace to the next button
even though the next button is on the next line. If I add a button myself in
Chromium developer inspector it doesn't have a separate closing </input> and
seems to align properly.
* When I pointed out a similar issue with the Login form, Jared wanted the main
CTA to be on the first row, with other buttons below, which I think is doable
if each button is float-right and we swap ordering, but will have strange tab
behavior.
If it happens with local Agora-override styles removed then this bug should
move to core Skins component.
--
You are receiving this mail because:
You are the assignee for the bug.
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
Wikibugs-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l
