Removed Polymer 0.5, started implementing Polymer 1.0
This commit is contained in:
@@ -1,8 +0,0 @@
|
||||
<template name="fabMenu">
|
||||
<paper-fab class="floatyButton expand-menu {{#if active}}active{{/if}}"
|
||||
icon="add"></paper-fab>
|
||||
<div class="{{#if active}}active{{/if}} mini-holder"
|
||||
layout vertical center>
|
||||
{{> UI.contentBlock}}
|
||||
</div>
|
||||
</template>
|
||||
@@ -1,18 +0,0 @@
|
||||
Template.fabMenu.onCreated(function() {
|
||||
this.active = new ReactiveVar(false);
|
||||
});
|
||||
|
||||
Template.fabMenu.helpers({
|
||||
active: function() {
|
||||
return Template.instance().active.get();
|
||||
},
|
||||
});
|
||||
|
||||
Template.fabMenu.events({
|
||||
"tap .expand-menu": function(event, instance) {
|
||||
instance.active.set(!instance.active.get());
|
||||
},
|
||||
"tap .mini-holder paper-fab": function(event, instance) {
|
||||
instance.active.set(false);
|
||||
},
|
||||
});
|
||||
@@ -1,45 +0,0 @@
|
||||
@import "{wolves:bourbon}/bourbon";
|
||||
|
||||
.mini-holder {
|
||||
position: absolute;
|
||||
padding: 4px;
|
||||
bottom: 80px;
|
||||
right: 24px;
|
||||
width: 56px;
|
||||
pointer-events: none;
|
||||
flex-direction: column-reverse !important;
|
||||
core-tooltip{
|
||||
@include transform(scale(0));
|
||||
@include transition-property(transform);
|
||||
@include transition-duration(0.3s);
|
||||
@include transition-timing-function(ease-in-out);
|
||||
margin: 4px;
|
||||
}
|
||||
&.active {
|
||||
pointer-events: auto;
|
||||
core-tooltip{
|
||||
@include transform(scale(1));
|
||||
}
|
||||
core-tooltip:nth-child(2){
|
||||
@include transition-delay(0.1s);
|
||||
}
|
||||
core-tooltip:nth-child(3){
|
||||
@include transition-delay(0.2s);
|
||||
}
|
||||
core-tooltip:nth-child(4){
|
||||
@include transition-delay(0.3s);
|
||||
}
|
||||
core-tooltip:nth-child(5){
|
||||
@include transition-delay(0.4s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.expand-menu {
|
||||
&::shadow core-icon {
|
||||
@include transition(transform 0.3s ease-in-out);
|
||||
}
|
||||
&.active::shadow core-icon{
|
||||
@include transform(rotate(405deg));
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user