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 ...@@ -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. 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 However core functionality like browsing files, creating issues, writing comments, should
be available on all resolutions. 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