diff options
Diffstat (limited to 'catapult/third_party/polymer/components/paper-dropdown-menu/paper-dropdown-menu-shared-styles.html')
-rw-r--r-- | catapult/third_party/polymer/components/paper-dropdown-menu/paper-dropdown-menu-shared-styles.html | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/paper-dropdown-menu/paper-dropdown-menu-shared-styles.html b/catapult/third_party/polymer/components/paper-dropdown-menu/paper-dropdown-menu-shared-styles.html new file mode 100644 index 00000000..1130805d --- /dev/null +++ b/catapult/third_party/polymer/components/paper-dropdown-menu/paper-dropdown-menu-shared-styles.html @@ -0,0 +1,78 @@ +<!-- +@license +Copyright (c) 2016 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 +--> + +<link rel="import" href="../paper-styles/default-theme.html"> + +<dom-module id="paper-dropdown-menu-shared-styles"> + <template> + <style> + :host { + display: inline-block; + position: relative; + text-align: left; + + /* NOTE(cdata): Both values are needed, since some phones require the + * value to be `transparent`. + */ + -webkit-tap-highlight-color: rgba(0,0,0,0); + -webkit-tap-highlight-color: transparent; + + --paper-input-container-input: { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + box-sizing: border-box; + cursor: pointer; + }; + + @apply(--paper-dropdown-menu); + } + + :host([disabled]) { + @apply(--paper-dropdown-menu-disabled); + } + + :host([noink]) paper-ripple { + display: none; + } + + :host([no-label-float]) paper-ripple { + top: 8px; + } + + paper-ripple { + top: 12px; + left: 0px; + bottom: 8px; + right: 0px; + + @apply(--paper-dropdown-menu-ripple); + } + + paper-menu-button { + display: block; + padding: 0; + + @apply(--paper-dropdown-menu-button); + } + + paper-input { + @apply(--paper-dropdown-menu-input); + } + + iron-icon { + color: var(--disabled-text-color); + + @apply(--paper-dropdown-menu-icon); + } + </style> + </template> +</dom-module> |