Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
G
gitlab-ce
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
Boxiang Sun
gitlab-ce
Commits
ad3853eb
Commit
ad3853eb
authored
Nov 02, 2017
by
Hazel
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Modify the sentences and add Todo
parent
35a4370e
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
4 additions
and
2 deletions
+4
-2
doc/development/ux_guide/components.md
doc/development/ux_guide/components.md
+4
-2
No files found.
doc/development/ux_guide/components.md
View file @
ad3853eb
...
@@ -261,7 +261,7 @@ Dialog modals are only used for having a conversation and confirmation with the
...
@@ -261,7 +261,7 @@ Dialog modals are only used for having a conversation and confirmation with the
### Usage
### 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 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
### Style
...
@@ -276,12 +276,14 @@ Dialog modals are only used for having a conversation and confirmation with the
...
@@ -276,12 +276,14 @@ Dialog modals are only used for having a conversation and confirmation with the
### Placement
### 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 |
| 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
)
|
| !
[
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
## Panels
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment