OLD | NEW |
1 /* | 1 /* |
2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 .filtered-list-widget { | 7 .filtered-list-widget { |
8 display: flex; | 8 display: flex; |
9 flex-direction: column; | 9 flex-direction: column; |
10 flex: auto; | 10 flex: auto; |
11 } | 11 } |
12 | 12 |
13 .filtered-list-widget-prompt-element { | 13 .filtered-list-widget-prompt-element { |
14 flex: 0 0 34px; | 14 flex: 0 0 34px; |
15 border: 0; | 15 border: 0; |
16 margin: 0; | 16 margin: 0; |
17 padding: 0 6px; | 17 padding: 0 6px; |
18 z-index: 1; | 18 z-index: 1; |
19 font-size: inherit; | 19 font-size: inherit; |
20 } | 20 } |
21 | 21 |
| 22 .filtered-list-widget-input-container { |
| 23 display: flex; |
| 24 flex-direction: row; |
| 25 align-items: center; |
| 26 margin: 11px 0 4px 0; |
| 27 height: 18px; |
| 28 flex-shrink: 0; |
| 29 } |
| 30 |
22 .filtered-list-widget-input { | 31 .filtered-list-widget-input { |
23 white-space: pre; | 32 white-space: pre; |
24 height: 18px; | |
25 margin-top: 12px; | |
26 overflow: hidden; | 33 overflow: hidden; |
27 flex: auto; | 34 flex: auto; |
| 35 align-self: stretch; |
| 36 margin-top: 1px; |
| 37 } |
| 38 |
| 39 .filtered-list-input-icon { |
| 40 flex-shrink: 1; |
| 41 margin-left: 8px; |
28 } | 42 } |
29 | 43 |
30 .filtered-list-widget-progress { | 44 .filtered-list-widget-progress { |
31 flex: none; | 45 flex: none; |
32 background: rgba(0, 0, 0, 0.2); | 46 background: rgba(0, 0, 0, 0.2); |
33 height: 2px; | 47 height: 2px; |
34 } | 48 } |
35 | 49 |
36 .filtered-list-widget-progress-bar { | 50 .filtered-list-widget-progress-bar { |
37 background-color: #2196F3; | 51 background-color: #2196F3; |
(...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
112 } | 126 } |
113 | 127 |
114 .not-found-text { | 128 .not-found-text { |
115 height: 34px; | 129 height: 34px; |
116 line-height: 34px; | 130 line-height: 34px; |
117 padding-left: 4px; | 131 padding-left: 4px; |
118 font-style: italic; | 132 font-style: italic; |
119 color: #888; | 133 color: #888; |
120 background: #fbfbfb; | 134 background: #fbfbfb; |
121 } | 135 } |
| 136 |
| 137 .filtered-list-widget-item:hover { |
| 138 background-color: #F7F7F7; |
| 139 } |
OLD | NEW |