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

Fixed drop-down bug, for now

Browse Source 
Expect it to break again in Chrome 54
This commit is contained in:
Stefan Zermatten
2016-10-03 14:05:30 +02:00
parent d83fe917d0
commit ebecb46935
5 changed files with 19 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
rpg-docs/bower.json
View File

@@ -19,10 +19,5 @@
"core-elements": "Polymer/core-elements#~0.5.5",
"paper-elements": "Polymer/paper-elements#~0.5.5",
"paper-fab-menu": "cwdoh/paper-fab-menu#~0.4.0"
},
"resolutions": {
"core-component-page": "^0.5.0",
"polymer": "^0.5.0",
"webcomponentsjs": "^0.5.0"
}
}

2
rpg-docs/client/views/layout/polymer.imports.html
View File

@@ -20,7 +20,6 @@
<link rel="import" href="/components/paper-dialog/paper-action-dialog.html">
<link rel="import" href="/components/paper-dialog/paper-dialog.html">
<link rel="import" href="/components/paper-dialog/paper-dialog-transition.html">
<link rel="import" href="/components/paper-dropdown/paper-dropdown.html">
<link rel="import" href="/components/paper-fab/paper-fab.html">
<link rel="import" href="/components/paper-fab-menu/paper-fab-menu.html">
<link rel="import" href="/components/paper-icon-button/paper-icon-button.html">
@@ -40,4 +39,5 @@
<!--custom components-->
<link rel="import" href="/custom_components/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="/custom_components/paper-dropdown/paper-dropdown.html">
<link rel="import" href="/custom_components/paper-diff-slider/paper-diff-slider.html">

12
rpg-docs/config.vulcanize
View File

@@ -1,5 +1,10 @@
{
"imports": [
"/custom_components/paper-dropdown/paper-dropdown.html",
"/custom_components/paper-dropdown-menu/paper-dropdown-menu.html",
"/custom_components/paper-diff-slider/paper-diff-slider.html",
"/custom_components/swipe-detect/swipe-detect.html",
"/components/core-animated-pages/core-animated-pages.html",
"/components/core-animated-pages/transitions/cross-fade.html",
"/components/core-animated-pages/transitions/hero-transition.html",
@@ -35,11 +40,6 @@
"/components/paper-slider/paper-slider.html",
"/components/paper-tabs/paper-tabs.html",
"/components/paper-toast/paper-toast.html",
"/components/paper-toggle-button/paper-toggle-button.html",
"/custom_components/paper-dropdown/paper-dropdown.html",
"/custom_components/paper-dropdown-menu/paper-dropdown-menu.html",
"/custom_components/paper-diff-slider/paper-diff-slider.html",
"/custom_components/swipe-detect/swipe-detect.html"
"/components/paper-toggle-button/paper-toggle-button.html"
]
}

15
rpg-docs/public/custom_components/paper-dropdown/paper-dropdown-transition.html
View File

@@ -18,9 +18,9 @@ enable the optional list cascade transition.
@extends core-transition-css
@status unstable
-->
<link href="../polymer/polymer.html" rel="import">
<link href="../core-transition/core-transition-css.html" rel="import">
<link href="../core-animation/web-animations.html" rel="import">
<link href="../../components/polymer/polymer.html" rel="import">
<link href="../../components/core-transition/core-transition-css.html" rel="import">
<link href="../../components/core-animation/web-animations.html" rel="import">
<polymer-element name="paper-dropdown-transition" extends="core-transition-css">
<template>
@@ -41,7 +41,7 @@ enable the optional list cascade transition.
* @type number
* @default 500
*/
duration: 500
duration: 350
},
@@ -160,9 +160,9 @@ enable the optional list cascade transition.
}));
}
var group = new AnimationGroup(anims, {
var group = new AnimationGroup(anims/*, {
easing: 'cubic-bezier(0.4, 0, 0.2, 1)'
});
}*/);
this.player = document.timeline.play(group);
this.player.onfinish = function() {
this.fire('core-transitionend', this, node);
@@ -172,9 +172,8 @@ enable the optional list cascade transition.
this.fire('core-transitionend', this, node);
}
},
});
</script>
</polymer-element>
<paper-dropdown-transition id="paper-dropdown-transition"></paper-dropdown-transition>
<paper-dropdown-transition id="paper-dropdown-transition"></paper-dropdown-transition>

5
rpg-docs/public/custom_components/paper-dropdown/paper-dropdown.html
View File

@@ -40,6 +40,8 @@ Style the background color of the dropdown with these selectors:
<link href="../../components/core-dropdown/core-dropdown.html" rel="import">
<link href="../../components/paper-shadow/paper-shadow.html" rel="import">
<link href="paper-dropdown-transition.html" rel="import">
<style shim-shadowdom>
html /deep/ paper-dropdown {
position: absolute;
@@ -99,6 +101,9 @@ Style the background color of the dropdown with these selectors:
<script>
Polymer({
publish: { //Chrome 52 breaks this
transition: 'paper-dropdown-transition'
},
ready: function() {
this.super();
this.sizingTarget = this.$.scroller;