diff options
| author | Hazel <hazel@gitlab.com> | 2017-11-06 15:07:45 +0800 |
|---|---|---|
| committer | Hazel <hazel@gitlab.com> | 2017-11-06 15:07:45 +0800 |
| commit | 8efbba33852d57c08507cbe3a1654dd9de9dae73 (patch) | |
| tree | 9949bdc1e4dec4afcfd21e286e165b9527c9f21c | |
| parent | ad3853eba2ef3d6ccce7d75ff8ae543595c51735 (diff) | |
| download | gitlab-ce-ux-guide-components-modal.tar.gz | |
Changed the order of buttons from left to rightux-guide-components-modal
| -rw-r--r-- | doc/development/ux_guide/components.md | 3 |
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**. |