| Index: third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button.html
|
| diff --git a/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button.html b/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button.html
|
| deleted file mode 100644
|
| index b6449f3e43482058107503fdd7aeac0c2ca02a44..0000000000000000000000000000000000000000
|
| --- a/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button.html
|
| +++ /dev/null
|
| @@ -1,123 +0,0 @@
|
| -<!--
|
| -@license
|
| -Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
| -This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
| -The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| -The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| -Code distributed by Google as part of the polymer project is also
|
| -subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| ---><html><head><link rel="import" href="../polymer/polymer.html">
|
| -<link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
|
| -<link rel="import" href="../iron-behaviors/iron-control-state.html">
|
| -<link rel="import" href="../iron-dropdown/iron-dropdown.html">
|
| -<link rel="import" href="../neon-animation/animations/fade-in-animation.html">
|
| -<link rel="import" href="../neon-animation/animations/fade-out-animation.html">
|
| -<link rel="import" href="../paper-styles/default-theme.html">
|
| -<link rel="import" href="../paper-styles/shadow.html">
|
| -<link rel="import" href="paper-menu-button-animations.html">
|
| -
|
| -<!--
|
| -Material design: [Dropdown buttons](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons)
|
| -
|
| -`paper-menu-button` allows one to compose a designated "trigger" element with
|
| -another element that represents "content", to create a dropdown menu that
|
| -displays the "content" when the "trigger" is clicked.
|
| -
|
| -The child element with the class `dropdown-trigger` will be used as the
|
| -"trigger" element. The child element with the class `dropdown-content` will be
|
| -used as the "content" element.
|
| -
|
| -The `paper-menu-button` is sensitive to its content's `iron-select` events. If
|
| -the "content" element triggers an `iron-select` event, the `paper-menu-button`
|
| -will close automatically.
|
| -
|
| -Example:
|
| -
|
| - <paper-menu-button>
|
| - <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
|
| - <paper-menu class="dropdown-content">
|
| - <paper-item>Share</paper-item>
|
| - <paper-item>Settings</paper-item>
|
| - <paper-item>Help</paper-item>
|
| - </paper-menu>
|
| - </paper-menu-button>
|
| -
|
| -### Styling
|
| -
|
| -The following custom properties and mixins are also available for styling:
|
| -
|
| -Custom property | Description | Default
|
| -----------------|-------------|----------
|
| -`--paper-menu-button-dropdown-background` | Background color of the paper-menu-button dropdown | `--primary-background-color`
|
| -`--paper-menu-button` | Mixin applied to the paper-menu-button | `{}`
|
| -`--paper-menu-button-disabled` | Mixin applied to the paper-menu-button when disabled | `{}`
|
| -`--paper-menu-button-dropdown` | Mixin applied to the paper-menu-button dropdown | `{}`
|
| -`--paper-menu-button-content` | Mixin applied to the paper-menu-button content | `{}`
|
| -
|
| -@hero hero.svg
|
| -@demo demo/index.html
|
| --->
|
| -
|
| -</head><body><dom-module id="paper-menu-button">
|
| - <template>
|
| - <style>
|
| - :host {
|
| - display: inline-block;
|
| - position: relative;
|
| - padding: 8px;
|
| - outline: none;
|
| -
|
| - @apply(--paper-menu-button);
|
| - }
|
| -
|
| - :host([disabled]) {
|
| - cursor: auto;
|
| - color: var(--disabled-text-color);
|
| -
|
| - @apply(--paper-menu-button-disabled);
|
| - }
|
| -
|
| - iron-dropdown {
|
| - @apply(--paper-menu-button-dropdown);
|
| - }
|
| -
|
| - .dropdown-content {
|
| - @apply(--shadow-elevation-2dp);
|
| -
|
| - position: relative;
|
| - border-radius: 2px;
|
| - background-color: var(--paper-menu-button-dropdown-background, --primary-background-color);
|
| -
|
| - @apply(--paper-menu-button-content);
|
| - }
|
| -
|
| - :host([vertical-align="top"]) .dropdown-content {
|
| - margin-bottom: 20px;
|
| - margin-top: -10px;
|
| - top: 10px;
|
| - }
|
| -
|
| - :host([vertical-align="bottom"]) .dropdown-content {
|
| - bottom: 10px;
|
| - margin-bottom: -10px;
|
| - margin-top: 20px;
|
| - }
|
| -
|
| - #trigger {
|
| - cursor: pointer;
|
| - }
|
| - </style>
|
| -
|
| - <div id="trigger" on-tap="toggle">
|
| - <content select=".dropdown-trigger"></content>
|
| - </div>
|
| -
|
| - <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizontalAlign]]" vertical-align="[[verticalAlign]]" dynamic-align="[[dynamicAlign]]" horizontal-offset="[[horizontalOffset]]" vertical-offset="[[verticalOffset]]" no-overlap="[[noOverlap]]" open-animation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[noAnimations]]" focus-target="[[_dropdownContent]]" allow-outside-scroll="[[allowOutsideScroll]]" restore-focus-on-close="[[restoreFocusOnClose]]" on-iron-overlay-canceled="__onIronOverlayCanceled">
|
| - <div class="dropdown-content">
|
| - <content id="content" select=".dropdown-content"></content>
|
| - </div>
|
| - </iron-dropdown>
|
| - </template>
|
| -
|
| - </dom-module>
|
| -<script src="paper-menu-button-extracted.js"></script></body></html>
|
|
|