Commit ae5f17ae authored by Dmitriy Zaporozhets's avatar Dmitriy Zaporozhets

Merge branch 'dz-more-ui-guides' into 'master'

Add icons and buttons to UI guide

cc @jschatz1 @skyruler 

See merge request !4445
parents 07b46517 814b26cf
......@@ -34,3 +34,23 @@ We want GitLab to work well on small mobile screens as well. Size limitations ma
part of the UI for smaller resolutions in favor of a better user experience.
However core functionality like browsing files, creating issues, writing comments, should
be available on all resolutions.
## Icons
* `trash` icon for button or link that does destructive action like removing
information from database or file system
* `x` icon for closing/hiding UI element. For example close modal window
* `pencil` icon for edit button or link
* `eye` icon for subscribe action
* `rss` for rss/atom feed
* `plus` for link or dropdown that lead to page where you create new object (For example new issue page)
## Buttons
* Button should contain icon or text. Exceptions should be approved by UX designer.
* Use gray button on white background or white button on gray background.
* Use red button for destructive actions (not revertable). For example removing issue.
* Use green or blue button for primary action. Primary button should be only one.
Do not use both green and blue button in one form.
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment