Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/sources/sourcesSearch.css

Issue 2875193002: DevTools: update text inputs to new style (Closed)
Patch Set: ac Created 3 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698