summaryrefslogtreecommitdiff
path: root/doc/development/ux_guide
diff options
context:
space:
mode:
authorHazel <hazel@gitlab.com>2017-11-06 15:07:45 +0800
committerHazel <hazel@gitlab.com>2017-11-06 15:07:45 +0800
commit8efbba33852d57c08507cbe3a1654dd9de9dae73 (patch)
tree9949bdc1e4dec4afcfd21e286e165b9527c9f21c /doc/development/ux_guide
parentad3853eba2ef3d6ccce7d75ff8ae543595c51735 (diff)
downloadgitlab-ce-8efbba33852d57c08507cbe3a1654dd9de9dae73.tar.gz
Changed the order of buttons from left to rightux-guide-components-modal
Diffstat (limited to 'doc/development/ux_guide')
-rw-r--r--doc/development/ux_guide/components.md3
1 files changed, 2 insertions, 1 deletions
diff --git a/doc/development/ux_guide/components.md b/doc/development/ux_guide/components.md
index 82168b18860..16a811dbc74 100644
--- a/doc/development/ux_guide/components.md
+++ b/doc/development/ux_guide/components.md
@@ -256,6 +256,7 @@ Skeleton loading can replace any existing UI elements for the period in which th
---
## Dialog modals
+
Dialog modals are only used for having a conversation and confirmation with the user. The user is not able to access the features on the main page until closing the modal.
### Usage
@@ -268,7 +269,7 @@ Dialog modals are only used for having a conversation and confirmation with the
* Dialog modals contain the header, body, and actions.
* **Header(1):** The header title is a question instead of a descriptive phrase.
* **Body(2):** The content in body should never be ambiguous and unclear. It provides specific information.
- * **Actions(3):** Contains a affirmative action, a dismissive action, and an extra action. The order of actions from right to left: Affirmative action → Extra action → Dismissive action
+ * **Actions(3):** Contains a affirmative action, a dismissive action, and an extra action. The order of actions from left to right: Dismissive action → Extra action → Affirmative action
* Confirmations regarding labels should keep labeling styling.
* References to commits, branches, and tags should be **monospaced**.