Design/Archive/Wikimedia Foundation Design/status

2013-03 monthly
Agora adds  that triggers vertical (block, width:100%) layout for its contents; the core forms also use a   area and have selectors within that to turn off Vector's h2 underline, remove Vector's border on forms, etc.

2013-04 monthly
put the Agora CSS into core MediaWiki in  starting with release 1.22wmf2. It also changes the Login form to use Agora mw-ui-buttons and mw-ui-vform to produce a vertical form layout. builds on this to convert the Create account form to a vertical form layout, also opt-in, e.g. [ Special:UserLogin?type=signup&useNew=1]

2013-05 monthly
The Echo, Getting Started, and Guided Tour extensions use Agora styles.

adds a 'vform' display format to HTMLForm, a form framework used by many Special pages and extensions.

2013-06 monthly
Began Design audit, categorizing screenshots that show UX elements and/or UI inconsistencies.

2013-07 monthly
Prototyping extensions to Agora design
 * Agora-style checkboxes.
 * Pau Giner designs with revised button colors and underscore on hover.
 * Flow prototype with revised buttons and bar for input focus rather than glow.

2013-09 monthly
Work progresses on new Agora design spec (see draft) incorporating the revised buttons and input focus from the Flow prototype, and more. This will involve
 * to implement this in
 * also update MobileFrontend to use it
 * eventual goal to generate desktop and mobile CSS from same LESS files.

Other work
 * Typography and left-hand nav changes in Vector skin
 * Decision to use LESS rather than Compass/sass to generate CSS. The ResourceLoader can generate CSS from LESS source files on the fly.

2013-10 monthly

 * Tweaks to Agora colors and buttons (e.g. slimmer button option) in Flow (user-to-user discussions), see Flow Portal/Design/Iteration 5.
 * Add "vform" style to HTMLForm for compact vertically-stacked forms using Agora styles.

2013-11 monthly

 * UX standardization effort begun; more than just the CSS, also using the OOjs UI toolkit.
 * Vector skin typography improvements are available as a Beta features preference.
 * module converted from Sass to LESS, and the CSS is generated on-the-fly by ResourceLoader. (This change is in MediaWiki 1.23.)

2013-12 monthly

 * The Flow collaboration and discussion system, using the newest "bottom bevel" UX design, is live on Talk:Sandbox and a few other pages.
 * The Agora button styles in core are available as a smaller CSS module,
 * Mobile team is using KSS to auto-generate CSS documentation with rendered HTML samples, see living style guide

2014-01 monthly

 * Updated "beveled bottom" button styles merged to core, adding new, mw-ui-destructive ,   styles.