Dropdown

From Wikidocumentaries
Jump to navigation Jump to search

Menus are just being adopted, many of these ideas can change. The dropdown menu is used in different places with slight variations.

  • The search pulldown in the main toolbar
  • The action pulldowns in section headers
  • The image action pulldowns over images

Basic structure

  • The menu is displayed by an icon in the toolbar
  • On hover it is displayed negative.
    • On toolbars the icon is black, negative is a white icon in black background. The background is 100% height of the containing toolbar (40x40px).
    • On an image the icon is white, negative is black on white square 30x30px.

Different menus

  • Basic menu with selectable rows
  • Settings panel is a flyout menu. It needs to stay visible and not disappear with mouseout.

Persistent menu for nested elements

Different rows

  • Title row, same for all menus
  • Row with a submenu or a link to a modal or a tool is displayed with a caret pointing right at the end of the menu item.
  • Subselection inside dropdown row is ore instant.
  • End row: Create item, show more, show all. One or more per row.

Other controls

  • Long result lists can be displayed with a scrollbar


Navigation

About Technology Design Content modules Tool pages
Status

Events

Wikidocumentaries blog

Wikidocumentaries demo

Phabricator project

Facebook group

Using Wikibase

Federation with Wikidata

Linking

Translations

Resources

Page types

Landing page

Topic page

User page

Organisation page

Project page

Tool page

Tasks

Components

Main toolbar and footer

Search

Topic page header

Content module

Dropdown

Modal

Icons

Article

Bibliography

Correspondence

Discussion

Family tree

Feed

Gallery

Images

Infobox

Map

Name

Newspaper articles

Social graph

Testimonials

Timeline

3D

Visual editor

Query tool

QuickStatements

Open Refine

Creating topics

Uploading images

Geolocating tool

Image viewer

Metadata editor

Media metadata

Rectifying maps

Transcription

Identification tool

Properties to content