| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright 2014 The Chromium Authors. All rights reserved. | 2 * Copyright 2014 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 .search-drawer-header { | 7 .search-drawer-header { |
| 8 flex: none; | 8 flex: none; |
| 9 display: flex; | 9 display: flex; |
| 10 border-bottom: 2px solid #e8e8e8; | 10 border-bottom: 2px solid #e8e8e8; |
| 11 white-space: nowrap; | 11 white-space: nowrap; |
| 12 overflow: hidden; | 12 overflow: hidden; |
| 13 } | 13 } |
| 14 | 14 |
| 15 .search-drawer-header input.search-config-search { | 15 .search-drawer-header input.search-config-search { |
| 16 padding: 0 28px; | 16 padding: 0 28px; |
| 17 margin: 1px 0px 1px 1px; | 17 margin: 2px 1px 2px 2px; |
| 18 height: 28px; | 18 height: 28px; |
| 19 border-radius: 2px; | 19 border-radius: 2px; |
| 20 color: #303030; | 20 color: #303030; |
| 21 border: none; | 21 border: none; |
| 22 min-width: 95px; | 22 min-width: 95px; |
| 23 } | 23 } |
| 24 | 24 |
| 25 .search-drawer-header input.search-config-search:focus { |
| 26 box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.4); |
| 27 } |
| 28 |
| 25 .search-drawer-header .search-icon { | 29 .search-drawer-header .search-icon { |
| 26 left: 8px; | 30 left: 8px; |
| 27 top: 8px; | 31 top: 8px; |
| 28 position: absolute; | 32 position: absolute; |
| 29 } | 33 } |
| 30 | 34 |
| 31 .search-config-search::-webkit-search-cancel-button { | 35 .search-config-search::-webkit-search-cancel-button { |
| 32 -webkit-appearance: none; | 36 -webkit-appearance: none; |
| 33 } | 37 } |
| 34 | 38 |
| 35 .search-drawer-header .search-cancel-button-container { | 39 .search-drawer-header .search-cancel-button-container { |
| 36 position: relative; | 40 position: relative; |
| 37 } | 41 } |
| 38 | 42 |
| 39 .search-drawer-header .search-cancel-button { | 43 .search-drawer-header .search-cancel-button { |
| 40 position: absolute; | 44 position: absolute; |
| 41 right: 7px; | 45 right: 7px; |
| 42 top: 7px; | 46 top: 8px; |
| 43 } | 47 } |
| 44 | 48 |
| 45 :host-context(.platform-mac) .search-drawer-header input.search-config-search { | 49 :host-context(.platform-mac) .search-drawer-header input.search-config-search { |
| 46 top: 1px; | 50 top: 1px; |
| 47 } | 51 } |
| 48 | 52 |
| 49 .search-drawer-header label.search-config-label:first-of-type { | 53 .search-drawer-header label.search-config-label:first-of-type { |
| 50 border-left: 1px solid #dadada; | 54 border-left: 1px solid #dadada; |
| 51 margin: 0px 0px 0px 1px; | 55 margin: 0px 0px 0px 1px; |
| 52 padding-left: 10px; | 56 padding-left: 10px; |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 92 | 96 |
| 93 .empty-view { | 97 .empty-view { |
| 94 font-size: 24px; | 98 font-size: 24px; |
| 95 color: rgb(75%, 75%, 75%); | 99 color: rgb(75%, 75%, 75%); |
| 96 font-weight: bold; | 100 font-weight: bold; |
| 97 padding: 10px; | 101 padding: 10px; |
| 98 display: flex; | 102 display: flex; |
| 99 align-items: center; | 103 align-items: center; |
| 100 justify-content: center; | 104 justify-content: center; |
| 101 } | 105 } |
| OLD | NEW |