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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/searchableView.css

Issue 2912563003: DevTools: cleanup button styles (Closed)
Patch Set: fix test 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 (c) 2014 The Chromium Authors. All rights reserved. 2 * Copyright (c) 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-bar { 7 .search-bar {
8 flex: 0 0 23px; 8 flex: 0 0 23px;
9 background-color: #eee; 9 background-color: #eee;
10 border-top: 1px solid #ccc; 10 border-top: 1px solid #ccc;
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after
70 70
71 .toolbar-search-navigation.enabled { 71 .toolbar-search-navigation.enabled {
72 opacity: 1.0; 72 opacity: 1.0;
73 } 73 }
74 74
75 .toolbar-search button.search-action-button { 75 .toolbar-search button.search-action-button {
76 border: 1px solid rgb(163, 163, 163); 76 border: 1px solid rgb(163, 163, 163);
77 border-radius: 8px; 77 border-radius: 8px;
78 margin: 1px 3px 0 3px; 78 margin: 1px 3px 0 3px;
79 background-image: linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220)); 79 background-image: linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
80 width: 75px; 80 width: 82px;
81 height: 20px; 81 height: 20px;
82 white-space: nowrap; 82 white-space: nowrap;
83 } 83 }
84 84
85 .toolbar-search button.search-action-button:active { 85 .toolbar-search button.search-action-button:active {
86 background-image: linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156)); 86 background-image: linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156));
87 } 87 }
88 88
89 .toolbar-search-control { 89 .toolbar-search-control {
90 display: -webkit-flex; 90 display: -webkit-flex;
91 position: relative; 91 position: relative;
92 background-color: white; 92 background-color: white;
93 } 93 }
94 94
95 .toolbar-search-buttons { 95 .toolbar-search-buttons {
96 flex-basis: 165px; 96 flex-basis: 179px;
97 } 97 }
98 98
99 .toolbar-replace-control, 99 .toolbar-replace-control,
100 #search-input-field { 100 #search-input-field {
101 margin-top: 1px; 101 margin-top: 1px;
102 line-height: 17px; 102 line-height: 17px;
103 } 103 }
104 104
105 .toolbar-search-control, .toolbar-replace-control { 105 .toolbar-search-control, .toolbar-replace-control {
106 border: 1px solid rgb(163, 163, 163); 106 border: 1px solid rgb(163, 163, 163);
(...skipping 29 matching lines...) Expand all
136 background-image: url(Images/searchNext.png), linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116)); 136 background-image: url(Images/searchNext.png), linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
137 } 137 }
138 138
139 .search-results-matches { 139 .search-results-matches {
140 display: inline-block; 140 display: inline-block;
141 text-align: right; 141 text-align: right;
142 padding: 0 4px; 142 padding: 0 4px;
143 color: rgb(165, 165, 165); 143 color: rgb(165, 165, 165);
144 align-self: center; 144 align-self: center;
145 } 145 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698