summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHazel <hazel@gitlab.com>2017-11-02 13:18:36 +0800
committerHazel <hazel@gitlab.com>2017-11-02 13:18:36 +0800
commitad3853eba2ef3d6ccce7d75ff8ae543595c51735 (patch)
treea723d783bee82aab9f94e65290410b6c9ec7146b
parent35a4370ec873363400ead5e7d4e939f7793b68fa (diff)
downloadgitlab-ce-ad3853eba2ef3d6ccce7d75ff8ae543595c51735.tar.gz
Modify the sentences and add Todo
-rw-r--r--doc/development/ux_guide/components.md6
1 files changed, 4 insertions, 2 deletions
diff --git a/doc/development/ux_guide/components.md b/doc/development/ux_guide/components.md
index 1d05d40bac0..82168b18860 100644
--- a/doc/development/ux_guide/components.md
+++ b/doc/development/ux_guide/components.md
@@ -261,7 +261,7 @@ Dialog modals are only used for having a conversation and confirmation with the
### Usage
* When the action is irreversible, dialog modals provide the details and confirm with the user before they take an advanced action.
-* When the action will affect privacy or authorization, dialog modals provide the advanced information and confirm with the user.
+* When the action will affect privacy or authorization, dialog modals provide advanced information and confirm with the user.
### Style
@@ -276,12 +276,14 @@ Dialog modals are only used for having a conversation and confirmation with the
### Placement
-* Dialog modals should always be the center of the screen horizontally and have **72px** from the top of the screen.
+* Dialog modals should always be the center of the screen horizontally and be positioned **72px** from the top.
| Dialog with 2 actions | Dialog with 3 actions | Special confirmation |
| --------------------- | --------------------- | -------------------- |
| ![two-actions](img/modals-general-confimation-dialog.png) | ![three-actions](img/modals-three-buttons.png) | ![spcial-confirmation](img/modals-special-confimation-dialog.png) |
+> TODO: Special case for dialog modal.
+
---
## Panels