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