OLD | NEW |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 :host { | 5 :host { |
6 align-items: center; | 6 align-items: center; |
7 background: rgb(63, 85, 102); | 7 background: rgb(63, 85, 102); |
8 color: white; | 8 color: white; |
9 content-sizing: padding-box; | 9 content-sizing: padding-box; |
10 display: flex; | 10 display: flex; |
(...skipping 21 matching lines...) Expand all Loading... |
32 } | 32 } |
33 | 33 |
34 :host(:not([downloads-showing])) #actions { | 34 :host(:not([downloads-showing])) #actions { |
35 justify-content: center; | 35 justify-content: center; |
36 } | 36 } |
37 | 37 |
38 #actions paper-button { | 38 #actions paper-button { |
39 -webkit-margin-end: 8px; | 39 -webkit-margin-end: 8px; |
40 } | 40 } |
41 | 41 |
42 #actions, | 42 #actions { |
43 #search-term { | |
44 color: rgb(192, 199, 205); | 43 color: rgb(192, 199, 205); |
45 } | 44 } |
46 | 45 |
47 #search { | 46 #search { |
48 -webkit-padding-end: 10px; | 47 -webkit-padding-end: 10px; |
49 box-sizing: border-box; | 48 box-sizing: border-box; |
50 display: flex; | 49 display: flex; |
51 justify-content: flex-end; | 50 justify-content: flex-end; |
52 } | 51 } |
53 | 52 |
54 #search paper-input-container { | |
55 margin-top: 2px; | |
56 max-width: 200px; | |
57 padding: 2px 0; | |
58 width: 100%; | |
59 } | |
60 | |
61 #search-term { | |
62 --paper-input-container-color: rgb(192, 199, 205); | |
63 --paper-input-container-focus-color: rgb(192, 199, 205); | |
64 --paper-input-container-input: { | |
65 color: inherit; | |
66 font-family: inherit; | |
67 font-size: inherit; | |
68 }; | |
69 --paper-input-container-input-color: rgb(192, 199, 205); | |
70 z-index: 0; | |
71 } | |
72 | |
73 #search-term input[type='search']::-webkit-search-decoration, | |
74 #search-term input[type='search']::-webkit-search-cancel-button, | |
75 #search-term input[type='search']::-webkit-search-results-button { | |
76 -webkit-appearance: none; | |
77 } | |
78 | |
79 paper-icon-button { | 53 paper-icon-button { |
80 --iron-icon-height: 20px; | 54 --iron-icon-height: 20px; |
81 --iron-icon-width: 20px; | 55 --iron-icon-width: 20px; |
82 --paper-icon-button: { | 56 --paper-icon-button: { |
83 height: 20px; | 57 height: 20px; |
84 padding: 6px; | 58 padding: 6px; |
85 width: 20px; | 59 width: 20px; |
86 }; | 60 }; |
87 } | 61 } |
88 | 62 |
89 #search-term paper-icon-button { | |
90 --iron-icon-height: 16px; | |
91 --iron-icon-width: 16px; | |
92 --paper-icon-button: { | |
93 -webkit-margin-end: -8px; | |
94 height: 16px; | |
95 padding: 8px; | |
96 width: 16px; | |
97 }; | |
98 position: absolute; | |
99 right: 0; | |
100 top: -4px; | |
101 z-index: 1; | |
102 } | |
103 | |
104 :host-context([dir='rtl']) #search-term paper-icon-button { | |
105 left: 0; | |
106 right: auto; | |
107 } | |
108 | |
109 #more { | 63 #more { |
110 --paper-menu-button: { | 64 --paper-menu-button: { |
111 padding: 0; | 65 padding: 0; |
112 }; | 66 }; |
113 -webkit-margin-start: 16px; | 67 -webkit-margin-start: 16px; |
114 } | 68 } |
115 | 69 |
116 paper-item { | 70 paper-item { |
117 -webkit-user-select: none; | 71 -webkit-user-select: none; |
118 cursor: pointer; | 72 cursor: pointer; |
(...skipping 10 matching lines...) Expand all Loading... |
129 display: none; | 83 display: none; |
130 } | 84 } |
131 } | 85 } |
132 | 86 |
133 @media all and (max-width: 1024px) { | 87 @media all and (max-width: 1024px) { |
134 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */ | 88 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */ |
135 #actions { | 89 #actions { |
136 display: none; | 90 display: none; |
137 } | 91 } |
138 } | 92 } |
OLD | NEW |