Index: pkg/polymer/lib/elements/polymer-ui-dropdown/polymer-ui-dropdown.html |
diff --git a/pkg/polymer/lib/elements/polymer-ui-dropdown/polymer-ui-dropdown.html b/pkg/polymer/lib/elements/polymer-ui-dropdown/polymer-ui-dropdown.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..423b34aee2edb81cdba3b5d67d1736bb00aeaf01 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-ui-dropdown/polymer-ui-dropdown.html |
@@ -0,0 +1,39 @@ |
+<link href="../polymer/polymer.html" rel="import"> |
+<link href="../polymer-animation/polymer-translate.html" rel="import"> |
+<link href="../polymer-overlay/polymer-overlay.html" rel="import"> |
+<link href="../polymer-ui-menu/polymer-ui-menu.html" rel="import"> |
+<polymer-element name="polymer-ui-dropdown" extends="polymer-ui-menu" on-polymer-select="{{toggle}}"> |
+ <template> |
+ <style> |
+ :host { |
+ display: block; |
+ position: relative !important; |
+ top: 0; |
+ left: 0; |
+ right: 0; |
+ background-color: white; |
+ border-bottom: 1px solid rgba(0, 0, 0, 0.25); |
+ } |
+ /* @polyfill polymer-ui-menu > * */ |
+ content::content > * { |
+ background-color: white; |
+ margin: 0.4em; |
+ } |
+ </style> |
+ <polymer-overlay id="dropdownOverlay" transitions="{{transitions}}"></polymer-overlay> |
+ <polymer-translate id="dropdownTransition" fromY="-100%" easing="ease-out" duration="0.1"></polymer-translate> |
+ <shadow></shadow> |
+ </template> |
+ <script> |
+ Polymer('polymer-ui-dropdown', { |
+ ready: function() { |
+ this.super(); |
+ this.transitions = [this.$.dropdownTransition, null]; |
+ this.$.dropdownOverlay.target = this; |
+ }, |
+ toggle: function() { |
+ this.$.dropdownOverlay.toggle(); |
+ } |
+ }); |
+ </script> |
+</polymer-element> |