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
    Classification: Unclassified
   Mobile Platform: ---

Created attachment 14425
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

* 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

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

Reply via email to