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

Added more material design touch response, swipe pages, and began effects lists

Browse Source
This commit is contained in:
Thaum
2014-12-09 13:42:05 +00:00
parent ad474590bd
commit a26589157e
33 changed files with 840 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
rpg-docs/client/views/paperTemplates/clickCard/clickCard.html Normal file
View File

@@ -0,0 +1,6 @@
<template name="clickCard">
<paper-shadow class="clickCard {{class}}" z="1" animated id={{id}}>
{{> ripple}}
{{> UI.contentBlock}}
</paper-shadow>
</template>

8
rpg-docs/client/views/paperTemplates/clickCard/clickCard.js Normal file
View File

@@ -0,0 +1,8 @@
Template.clickCard.events({
"click paper-shadow ": function(event){
event.currentTarget.setZ(2);
_.delay(function(){
event.currentTarget.setZ(1);
}, 300)
}
})

8
rpg-docs/client/views/paperTemplates/ripple/ripple.css Normal file
View File

@@ -0,0 +1,8 @@
.custom-ripple {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #D50000;
}

7
rpg-docs/client/views/paperTemplates/ripple/ripple.html Normal file
View File

@@ -0,0 +1,7 @@
<template name="ripple">
{{#if color}}
<paper-ripple style="color:{{color}}" class="recenteringTouch custom-ripple"></paper-ripple>
{{else}}
<paper-ripple class="recenteringTouch custom-ripple"></paper-ripple>
{{/if}}
</template>