| Index: pkg/polymer/lib/elements/polymer-ui-menu-button/demo.html
|
| diff --git a/pkg/polymer/lib/elements/polymer-ui-menu-button/demo.html b/pkg/polymer/lib/elements/polymer-ui-menu-button/demo.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..816cec9ab961343c1b8f676332ce2259166b9749
|
| --- /dev/null
|
| +++ b/pkg/polymer/lib/elements/polymer-ui-menu-button/demo.html
|
| @@ -0,0 +1,83 @@
|
| +
|
| +<!doctype html>
|
| +<!--
|
| +Copyright 2013 The Polymer Authors. All rights reserved.
|
| +Use of this source code is governed by a BSD-style
|
| +license that can be found in the LICENSE file.
|
| +-->
|
| +<html>
|
| +<head>
|
| + <title>polymer-ui-menu-button</title>
|
| + <script src="../platform/platform.js"></script>
|
| + <link rel="import" href="polymer-ui-menu-button.html">
|
| + <link rel="import" href="../polymer-ui-menu-item/polymer-ui-menu-item.html">
|
| + <link rel="import" href="../polymer-ui-toolbar/polymer-ui-toolbar.html">
|
| + <link rel="import" href="../polymer-flex-layout/polymer-flex-layout.html">
|
| + <link rel="stylesheet" href="../polymer-ui-base/base.css">
|
| + <style>
|
| + body {
|
| + position: absolute;
|
| + margin: 0;
|
| + height: 100%;
|
| + width: 100%;
|
| + }
|
| + .narrow {
|
| + width: 80%;
|
| + height: 100%;
|
| + margin: 0 auto;
|
| + }
|
| + </style>
|
| +</head>
|
| +<body class="polymer-ui-body-text" unresolved>
|
| + <div class="narrow">
|
| + <polymer-flex-layout vertical></polymer-flex-layout>
|
| + <polymer-ui-toolbar theme="polymer-ui-light-theme">
|
| + <polymer-ui-icon-button icon="menu"></polymer-ui-icon-button>
|
| + <div flex>Toolbar: polymer-ui-light-theme</div>
|
| + <polymer-ui-icon-button icon="refresh"></polymer-ui-icon-button>
|
| + <polymer-ui-menu-button selected="0" halign="right">
|
| + <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="dialog" label="Dialog"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="search" label="Search"></polymer-ui-menu-item>
|
| + </polymer-ui-menu-button>
|
| + <polymer-ui-menu-button selected="0" halign="right">
|
| + <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="dialog" label="Dialog"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="search" label="Search"></polymer-ui-menu-item>
|
| + </polymer-ui-menu-button>
|
| + </polymer-ui-toolbar>
|
| + <div flex>
|
| + <br><br><br><br><br><br><br><br><br><br>
|
| + <polymer-ui-menu-button selected="0" theme="polymer-ui-light-theme">
|
| + <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="dialog" label="Dialog"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="search" label="Search"></polymer-ui-menu-item>
|
| + </polymer-ui-menu-button>
|
| + <polymer-ui-menu-button selected="0" theme="polymer-ui-light-theme" valign="top">
|
| + <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="dialog" label="Dialog"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="search" label="Search"></polymer-ui-menu-item>
|
| + </polymer-ui-menu-button>
|
| + <polymer-ui-menu-button selected="0" theme="polymer-ui-light-theme" valign="top">
|
| + <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="dialog" label="Dialog"></polymer-ui-menu-item>
|
| + </polymer-ui-menu-button>
|
| + </div>
|
| + <polymer-ui-toolbar theme="polymer-ui-light-theme">
|
| + <polymer-ui-icon-button icon="menu"></polymer-ui-icon-button>
|
| + <div flex>Toolbar: polymer-ui-light-theme</div>
|
| + <polymer-ui-icon-button icon="refresh"></polymer-ui-icon-button>
|
| + <polymer-ui-menu-button selected="0" halign="right" valign="top">
|
| + <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="dialog" label="Dialog"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="search" label="Search"></polymer-ui-menu-item>
|
| + </polymer-ui-menu-button>
|
| + <polymer-ui-menu-button selected="0" halign="right" valign="top">
|
| + <polymer-ui-menu-item icon="settings" label="Settings"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="dialog" label="Dialog"></polymer-ui-menu-item>
|
| + <polymer-ui-menu-item icon="search" label="Search"></polymer-ui-menu-item>
|
| + </polymer-ui-menu-button>
|
| + </polymer-ui-toolbar>
|
| + </div>
|
| +</body>
|
| +</html>
|
|
|