1 <!-- 2 @license 3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. 4 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 7 Code distributed by Google as part of the polymer project is also 8 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 9 --> 10 11 <link rel="import" href="../paper-styles/default-theme.html"> 12 13 <dom-module id="paper-dropdown-menu-shared-styles"> 14 <template> 15 <style> 16 :host { 17 display: inline-block; 18 position: relative; 19 text-align: left; 20 cursor: pointer; 21 22 /* NOTE(cdata): Both values are needed, since some phones require the 23 * value to be `transparent`. 24 */ 25 -webkit-tap-highlight-color: rgba(0,0,0,0); 26 -webkit-tap-highlight-color: transparent; 27 28 --paper-input-container-input: { 29 overflow: hidden; 30 white-space: nowrap; 31 text-overflow: ellipsis; 32 max-width: 100%; 33 box-sizing: border-box; 34 cursor: pointer; 35 }; 36 37 @apply(--paper-dropdown-menu); 38 } 39 40 :host([disabled]) { 41 @apply(--paper-dropdown-menu-disabled); 42 } 43 44 :host([noink]) paper-ripple { 45 display: none; 46 } 47 48 :host([no-label-float]) paper-ripple { 49 top: 8px; 50 } 51 52 paper-ripple { 53 top: 12px; 54 left: 0px; 55 bottom: 8px; 56 right: 0px; 57 58 @apply(--paper-dropdown-menu-ripple); 59 } 60 61 paper-menu-button { 62 display: block; 63 padding: 0; 64 65 @apply(--paper-dropdown-menu-button); 66 } 67 68 paper-input { 69 @apply(--paper-dropdown-menu-input); 70 } 71 72 iron-icon { 73 color: var(--disabled-text-color); 74 75 @apply(--paper-dropdown-menu-icon); 76 } 77 </style> 78 </template> 79 </dom-module> 80
