jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added a new animated dialog stack

Browse Source 
This is to replace the animated-pages hack with Blaze component built for purpose
This commit is contained in:
Stefan Zermatten
2017-01-12 15:30:06 +02:00
parent 38ea89995a
commit dbbb3739d0
3 changed files with 152 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
rpg-docs/client/views/paperTemplates/dialogStack/dialogStack.css Normal file
View File

@@ -0,0 +1,22 @@
.dialog-stack {
background: rgba(0,0,0,0.4);
z-index: 1;
}
.dialog-stack .dialog-sizer {
position: relative;
height: 80%;
width: 80%;
}
.dialog-stack .dialog {
position: absolute;
transform-origin: top left;
width: 100%;
height: 100%;
background: white;
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12),
0 5px 5px -3px rgba(0, 0, 0, 0.4);
transition: all ease 0.5s;
}