| 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
|
| index 6eb8aca2d76317c94e6c4c425b33efcdb6c2e29e..f33ea7cc52b4522ef47da127e5751de6eb20f56e 100644
|
| --- 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
|
| @@ -7,13 +7,13 @@ The complete set of contributors may be found at http://polymer.github.io/CONTRI
|
| 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-dropdown/iron-dropdown.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="../paper-material/paper-material.html">
|
| -<link rel="import" href="../paper-styles/default-theme.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">
|
|
|
| <!--
|
| @@ -48,7 +48,7 @@ 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 | `#fff`
|
| +`--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 | `{}`
|
| @@ -59,54 +59,61 @@ Custom property | Description | Default
|
| -->
|
|
|
| </head><body><dom-module id="paper-menu-button">
|
| - <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);
|
| - }
|
| -
|
| - :host([vertical-align="top"]) paper-material {
|
| - margin-bottom: 20px;
|
| - margin-top: -10px;
|
| - top: 10px;
|
| - }
|
| -
|
| - :host([vertical-align="bottom"]) paper-material {
|
| - bottom: 10px;
|
| - margin-bottom: -10px;
|
| - margin-top: 20px;
|
| - }
|
| -
|
| - iron-dropdown {
|
| - @apply(--paper-menu-button-dropdown);
|
| - }
|
| -
|
| - .dropdown-content {
|
| - border-radius: 2px;
|
| - background-color: var(--paper-menu-button-dropdown-background, --primary-background-color);
|
| - @apply(--paper-menu-button-content);
|
| - }
|
| - </style>
|
| <template>
|
| - <div id="trigger" on-tap="open">
|
| + <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;
|
| + }
|
| + </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]]" horizontal-offset="[[horizontalOffset]]" vertical-offset="[[verticalOffset]]" open-animation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[noAnimations]]" focus-target="[[_dropdownContent]]">
|
| - <paper-material class="dropdown-content">
|
| +
|
| + <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizontalAlign]]" vertical-align="[[verticalAlign]]" horizontal-offset="[[horizontalOffset]]" vertical-offset="[[verticalOffset]]" open-animation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[noAnimations]]" focus-target="[[_dropdownContent]]" on-iron-overlay-canceled="__onIronOverlayCanceled">
|
| + <div class="dropdown-content">
|
| <content id="content" select=".dropdown-content"></content>
|
| - </paper-material>
|
| + </div>
|
| </iron-dropdown>
|
| </template>
|
| -</dom-module>
|
| +
|
| + </dom-module>
|
| <script src="paper-menu-button-extracted.js"></script></body></html>
|
|
|