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 |