Added a new animated dialog stack

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

View File

@@ -0,0 +1,26 @@
<!--
Dialog stack should be placed last in the root layout template
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-sizer">
{{#each dialogs}}
<div class="dialog" style={{dialogStyle @index}}>
{{> UI.dynamic template=template data=data}}
</div>
{{/each}}
</div>
</div>
</template>
<template name="testDialog">
<paper-toolbar>
Test dialog {{data}}
</paper-toolbar>
<div>
<div class="testButton"
style="height: 200px; width: 100px; background: red; border-radius: 30px;">
</div>
</div>
</template>