diff options
| author | Achilleas Pipinellis <axilleas@axilleas.me> | 2016-11-26 08:16:36 +0000 |
|---|---|---|
| committer | Achilleas Pipinellis <axilleas@axilleas.me> | 2016-11-26 08:16:36 +0000 |
| commit | 70d4d2fb27c80e64228d03a5375730cc3742ed45 (patch) | |
| tree | b0ad8004d6e551e433dbe4b4dff6ad9b0c625479 | |
| parent | 12e856a751a1e8598a7a17998e973874c3391bd1 (diff) | |
| parent | a1f53e92caa8a95889c3fee683f8d0b2590228ac (diff) | |
| download | gitlab-ce-70d4d2fb27c80e64228d03a5375730cc3742ed45.tar.gz | |
Merge branch 'ux-guide-dropdown-max-height' into 'master'
UX Guide: add guidance for max height for dropdowns
Added guidance to the Components page of the UX Guide, documenting the recommend max height for a dropdown.
See merge request !7766
| -rw-r--r-- | doc/development/ux_guide/components.md | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/doc/development/ux_guide/components.md b/doc/development/ux_guide/components.md index 764c3355714..57e5d03d608 100644 --- a/doc/development/ux_guide/components.md +++ b/doc/development/ux_guide/components.md @@ -91,7 +91,9 @@ TODO: Will update this section when the new filters UI is implemented.  +### Max size +The max height for dropdowns should target **10-15 items**. If the height of the dropdown is too large, the list becomes very hard to parse and it is easy to visually lose track of the item you are looking for. Usability also suffers as more mouse movement is required, and you have a larger area in which you hijack the scroll away from the page level. While it may initially seem counterintuitive to not show as many items as you can, it is actually quicker and easier to process the information when it is cropped at a reasonable height. --- |