| Index: pkg/polymer/lib/elements/polymer-ui-dropdown/demo.html
|
| diff --git a/pkg/polymer/lib/elements/polymer-ui-dropdown/demo.html b/pkg/polymer/lib/elements/polymer-ui-dropdown/demo.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..23b9266b1073afc9b5de0f7b819195bf68c1c8d6
|
| --- /dev/null
|
| +++ b/pkg/polymer/lib/elements/polymer-ui-dropdown/demo.html
|
| @@ -0,0 +1,42 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| + <title>polymer-ui-dropdown</title>
|
| + <link rel="import" href="polymer-ui-dropdown.html">
|
| + <link rel="import" href="../polymer-ui-icon-button/polymer-ui-icon-button.html" rel="import">
|
| + <link rel="import" href="../polymer-ui-menu-item/polymer-ui-menu-item.html" rel="import">
|
| + <link rel="import" href="../polymer-ui-toolbar/polymer-ui-toolbar.html" rel="import">
|
| + <script src="../platform/platform.js"></script>
|
| + <link rel="stylesheet" href="../polymer-ui-base/base.css">
|
| + <style>
|
| + body {
|
| + background-color: #ccc;
|
| + }
|
| + polymer-ui-dropdown {
|
| + position: relative;
|
| + z-index: -1 !important;
|
| + }
|
| + </style>
|
| +</head>
|
| +<body class="polymer-ui-body-text polymer-ui-full-bleed polymer-ui-light-bg">
|
| + <polymer-ui-toolbar>
|
| + <polymer-ui-icon-button icon="back"></polymer-ui-icon-button>
|
| + <div flex></div>
|
| + <polymer-ui-icon-button icon="search"></polymer-ui-icon-button>
|
| + <polymer-ui-icon-button id="dots" icon="dots"></polymer-ui-icon-button>
|
| + </polymer-ui-toolbar>
|
| + <polymer-ui-dropdown id="dropdown">
|
| + <polymer-ui-menu-item icon="down">Archive</polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="trash">Delete</polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="add">Hide Checkboxes</polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="shortcut">Share</polymer-ui-menu-item>
|
| + </polymer-ui-dropdown>
|
| + <script>
|
| + document.addEventListener('polymer-ready', function() {
|
| + document.querySelector('#dots').addEventListener('tap', function() {
|
| + document.querySelector('#dropdown').toggle();
|
| + });
|
| + });
|
| + </script>
|
| +</body>
|
| +</html>
|
|
|