Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Alert Dialog Example #688

Merged
merged 32 commits into from
Jun 24, 2018
Merged
Changes from 1 commit
Commits
Show all changes
32 commits
Select commit Hold shift + click to select a range
6223a21
make room for alertdialog.html
sh0ji May 21, 2018
07ba6d6
initial alertdialog
sh0ji May 21, 2018
3c92514
editorial: fix fragment sentence
sh0ji May 21, 2018
ac5502f
target labels directly
sh0ji May 21, 2018
9b3e274
improve dialog sizing & positioning for desktop
sh0ji May 21, 2018
7ddd9c5
add box shadow
sh0ji May 21, 2018
c585cca
move to dialog-modal folder
sh0ji May 22, 2018
6de2fd0
add alertdialog to the list of valid Dialog roles
sh0ji May 22, 2018
704e4db
make the alert notification more prominent
sh0ji May 22, 2018
b64883f
remove #base_window_layer
sh0ji May 22, 2018
2300da9
make room for alertdialog.html
sh0ji May 21, 2018
e3fb535
initial alertdialog
sh0ji May 21, 2018
4228323
editorial: fix fragment sentence
sh0ji May 21, 2018
917678f
target labels directly
sh0ji May 21, 2018
6366416
improve dialog sizing & positioning for desktop
sh0ji May 21, 2018
e72cb94
add box shadow
sh0ji May 21, 2018
1c5996f
move to dialog-modal folder
sh0ji May 22, 2018
08adb33
add alertdialog to the list of valid Dialog roles
sh0ji May 22, 2018
7fb3064
make the alert notification more prominent
sh0ji May 22, 2018
7ac78fb
remove #base_window_layer
sh0ji May 22, 2018
ea4e5d5
clicking and selecting are different
sh0ji Jun 1, 2018
b2692e0
be more consistent about gt/lt usage
sh0ji Jun 1, 2018
0ba27b0
vnu: The “type” attribute is unnecessary for JavaScript resources.
sh0ji Jun 1, 2018
d61ceb0
serialize the interaction features for easier readability
sh0ji Jun 1, 2018
312fcc7
more consistent code highlighting
sh0ji Jun 1, 2018
f88cf4d
add a space
sh0ji Jun 1, 2018
9cc53ae
formatting
sh0ji Jun 1, 2018
239696f
more consistent language
sh0ji Jun 1, 2018
701c067
Merge branch 'alertdialog-example' of https://github.com/sh0ji/aria-p…
sh0ji Jun 1, 2018
7e1d8ad
remove redundant li
sh0ji Jun 18, 2018
60bca35
treat the alert like a notification that slides in on the top right
sh0ji Jun 18, 2018
e739b6f
redesign: implement save via local storage; repurpose alert for save
sh0ji Jun 18, 2018
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
treat the alert like a notification that slides in on the top right
sh0ji committed Jun 18, 2018

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
commit 60bca35493034eb81d525bfd9d900562c9e1247c
11 changes: 8 additions & 3 deletions examples/dialog-modal/css/dialog.css
Original file line number Diff line number Diff line change
@@ -151,7 +151,12 @@
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

position: fixed;
bottom: 50%;
left: 50%;
transform: translate(-50%);
top: 1rem;
right: 1rem;
transform: translateY(-150%);
transition: transform 225ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

.toast.active {
transform: translateY(0);
}