Last modified: 2014-09-04 22:12:20 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 T56360, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 54360 - (mediawiki.ui) implement updated appearance to Mediawiki.ui (tracking)
(mediawiki.ui)
implement updated appearance to Mediawiki.ui (tracking)
Status: RESOLVED WORKSFORME
Product: MediaWiki
Classification: Unclassified
MediaWiki UI (Other open bugs)
unspecified
All All
: Normal enhancement (vote)
: ---
Assigned To: Nobody - You can work on this!
: design, tracking
Depends on: 55534 56701 69200 54485 58297 60596 62281 62744 63644
Blocks: tracking
  Show dependency treegraph
 
Reported: 2013-09-20 01:12 UTC by spage
Modified: 2014-09-04 22:12 UTC (History)
13 users (show)

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


Attachments

Description spage 2013-09-20 01:12:51 UTC
MediaWiki UX designers are working on a revised and expanded Agora design spec, temporarily at https://www.dropbox.com/s/wa9uayq9j09agyh/Agora%20specs.pdf

The Flow extension implements part of this (e.g. buttons with a bottom bevel and a blue bar for the focus indicator) but it is currently in a CSS override local to the extension
<https://git.wikimedia.org/blob/mediawiki%2Fextensions%2FFlow.git/HEAD/modules%2Fdiscussion%2Fagora2-override.css>

We need to update the core mediawiki.ui CSS module to this new design.
Currently its CSS is generated from Compass/sass files, we should convert it to LESS ( https://www.mediawiki.org/wiki/Requests_for_comment/LESS ).

There are related efforts that should remain outside the scope of this bug:
* Apply the Agora mw-ui- styles to more buttons and forms in MediaWiki core (Gerrit change #52169, Gerrit change #65346), and in extensions.
* Update MobileFrontend's CSS to new Agora spec. Mobile uses simpler CSS rules generated from LESS files.
* Implement support for LESS pre-processor in ResourceLoader (bug 40964).
* Develop more modular CSS generated from the same LESS files for both mobile and desktop.
* Typography and left-hand nav changes in Vector skin (Gerrit change #79948) 

You can provide feedback on the new design on https://lists.wikimedia.org/mailman/listinfo/design .
Comment 1 spage 2013-10-09 22:39:45 UTC
Update:

The Agora specs are also at https://www.mediawiki.org/wiki/File:Agora_specs.pdf
The latest Flow design <https://www.mediawiki.org/wiki/Flow_Portal/Design#Visual_design_iterations> revises the colors and text field specs, and introduces specs for smaller buttons.

The Flow extension implements this design using the LESS pre-processor, 
<https://git.wikimedia.org/tree/mediawiki%2Fextensions%2FFlow.git/HEAD/modules%2Fmediawiki.ui%2Fstyles> , though still as a local CSS override to mediawiki.ui.
Comment 2 spage 2013-11-05 19:49:50 UTC
Also, Jared's pal implemented the Agora button specs (for the .mw-ui-big 35px button size, not the Agora 30px buttons) in LESS, with both the inner bevel and outer shadows and subtle transitions, in http://33cc77.com/wikipedia/
Comment 3 Matthew Flaschen 2013-12-10 23:12:45 UTC
I think this should be bumped up in priority.  We want to do this before using/encouraging people to use the buttons on a wide scale.
Comment 4 Matthew Flaschen 2013-12-10 23:37:38 UTC
I broke bug 58297 (buttons) out.  I think that can be done first (or nearly first), although there's other stuff that should also be moved to core.
Comment 5 Gerrit Notification Bot 2013-12-23 21:58:16 UTC
Change 103494 had a related patch set uploaded by JGonera:
[WIP] Update mediawiki.ui button styles

https://gerrit.wikimedia.org/r/103494
Comment 6 Gerrit Notification Bot 2014-01-29 19:29:25 UTC
Change 103494 merged by jenkins-bot:
Update mediawiki.ui button styles

https://gerrit.wikimedia.org/r/103494
Comment 7 Gerrit Notification Bot 2014-01-30 08:18:04 UTC
Change 104011 had a related patch set uploaded by Spage:
Update login and HTMLForm to new design

https://gerrit.wikimedia.org/r/104011
Comment 8 spage 2014-01-30 08:29:47 UTC
The new buttons are merged in core \o/ with light changes to the Login, Create account, and PasswordReset forms using them.  Gerrit change #104011 gives those forms the right-aligned button layout in the Agora spec.
Comment 9 Jared Zimmerman (WMF) 2014-08-28 22:50:39 UTC
Updated the title since we're using "mediawiki.ui" to mean the style, not agora, to try  to keep things simple
Comment 10 Jon 2014-08-28 23:12:32 UTC
Do we need this tracking bug now we have an entire component for mediawiki ui..?
Comment 11 Jared Zimmerman (WMF) 2014-08-28 23:21:39 UTC
probably not, but I'll let someone in Eng. decide that.
Comment 12 Matthew Flaschen 2014-09-04 22:12:20 UTC
I agree we don't need it.

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


Navigation
Links