| OLD | NEW |
| (Empty) |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | |
| 2 * Use of this source code is governed by a BSD-style license that can be | |
| 3 * found in the LICENSE file. */ | |
| 4 | |
| 5 :host { | |
| 6 -webkit-padding-end: 10px; | |
| 7 box-sizing: border-box; | |
| 8 display: flex; | |
| 9 justify-content: flex-end; | |
| 10 } | |
| 11 | |
| 12 :host paper-input-container { | |
| 13 margin-top: 2px; | |
| 14 max-width: 200px; | |
| 15 padding: 2px 0; | |
| 16 width: 100%; | |
| 17 } | |
| 18 | |
| 19 #search-term { | |
| 20 --paper-input-container-color: rgb(192, 199, 205); | |
| 21 --paper-input-container-focus-color: rgb(192, 199, 205); | |
| 22 --paper-input-container-input: { | |
| 23 color: inherit; | |
| 24 font-family: inherit; | |
| 25 font-size: inherit; | |
| 26 }; | |
| 27 --paper-input-container-input-color: rgb(192, 199, 205); | |
| 28 color: rgb(192, 199, 205); | |
| 29 z-index: 0; | |
| 30 } | |
| 31 | |
| 32 #search-term input[type='search']::-webkit-search-decoration, | |
| 33 #search-term input[type='search']::-webkit-search-cancel-button, | |
| 34 #search-term input[type='search']::-webkit-search-results-button { | |
| 35 -webkit-appearance: none; | |
| 36 } | |
| 37 | |
| 38 #search-term input[type='search']::-webkit-search-cancel-button { | |
| 39 display: block; | |
| 40 width: 20px; | |
| 41 } | |
| 42 | |
| 43 paper-icon-button { | |
| 44 --iron-icon-height: 20px; | |
| 45 --iron-icon-width: 20px; | |
| 46 --paper-icon-button: { | |
| 47 height: 20px; | |
| 48 padding: 6px; | |
| 49 width: 20px; | |
| 50 }; | |
| 51 } | |
| 52 | |
| 53 #search-term paper-icon-button { | |
| 54 --iron-icon-height: 16px; | |
| 55 --iron-icon-width: 16px; | |
| 56 --paper-icon-button: { | |
| 57 -webkit-margin-end: -8px; | |
| 58 height: 16px; | |
| 59 padding: 8px; | |
| 60 width: 16px; | |
| 61 }; | |
| 62 position: absolute; | |
| 63 right: 0; | |
| 64 top: -4px; | |
| 65 z-index: 1; | |
| 66 } | |
| 67 | |
| 68 :host-context([dir='rtl']) #search-term paper-icon-button { | |
| 69 left: 0; | |
| 70 right: auto; | |
| 71 } | |
| OLD | NEW |