Improved the dialog stack animations

This commit is contained in:
Stefan Zermatten
2017-01-13 13:21:05 +02:00
parent dbbb3739d0
commit c416adc85b
3 changed files with 116 additions and 40 deletions

View File

@@ -3,7 +3,8 @@
It creates a stack of dialogs that can be closed individually
-->
<template name="dialogStack">
<div class="fit dialog-stack layout vertical center center-justified" style={{dialogStackStyle}}>
<div class="dialog-stack layout vertical center center-justified {{dialogStackClass}}">
<div class="fit backdrop"></div>
<div class="dialog-sizer">
{{#each dialogs}}
<div class="dialog" style={{dialogStyle @index}}>
@@ -19,8 +20,13 @@
Test dialog {{data}}
</paper-toolbar>
<div>
<div class="testButton"
style="height: 200px; width: 100px; background: red; border-radius: 30px;">
<div class="testButton">
</div>
<div class="testButton">
</div>
<div class="testButton">
</div>
<div class="testButton">
</div>
</div>
</template>