< Flow < Design

← Previous iteration

Original files October 4, revisions October 8, further additions October 15, 2013

Normal state with no mouseover whatsoever

Normal state with no mouseover whatsoever

Other user's talkpage with no topics

New October 8

Other user's talkpage with no topics

Talkpages

My talkpage. No Participants
Other user's talkpage. 2 participants.
Other user's talkpage. >3 participants
Search function

Flag & summarize

Summarize/d Topic
Flagged

Textfields

TextField_Header
TextField_StartDiscussion
TextField_Comment & Replies

Buttons, flyouts, colors, sizes

Buttons & Flyout

Note some of these specs update or obsolete specs in File:Agora_specs.pdf. Flow buttons are a 30px-height variant of the 35px .mw-ui-big buttons in Agora specs. Wikimedia Foundation Design/Patterns and components#New Agora states explicates the different kinds of buttons and states in here.

Color guide
Size guide
Modal Overlay: Suppress Comment
Modal Overlay: Closed Topic - Start new topic
Modal Overlay: Closed Topic - Reopen and reply
Modal Overlay: Size notes
When you followed a link to a comment/reply
When you followed a link to a thread

Flow on mobile

Flow on mobile
Sizing notes
Typography notes
This article is issued from Mediawiki. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.