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

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

Issue 2771063002: DevTools: make dropdown arrow spacing nicer (Closed)
Patch Set: use triangle-down, remove dropdown-arrow icon Created 3 years, 9 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/Toolbar.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 :host { 7 :host {
8 flex: none; 8 flex: none;
9 padding: 0 2px; 9 padding: 0 2px;
10 } 10 }
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
48 justify-content: center; 48 justify-content: center;
49 padding: 0; 49 padding: 0;
50 height: 26px; 50 height: 26px;
51 border: none; 51 border: none;
52 color: #5a5a5a; 52 color: #5a5a5a;
53 } 53 }
54 54
55 .toolbar-dropdown-arrow { 55 .toolbar-dropdown-arrow {
56 background-color: #6D6D6D; 56 background-color: #6D6D6D;
57 pointer-events: none; 57 pointer-events: none;
58 margin: auto 0;
59 flex: none; 58 flex: none;
60 } 59 }
61 60
62 /* Toolbar item */ 61 /* Toolbar item */
63 62
64 .toolbar-button { 63 .toolbar-button {
65 white-space: nowrap; 64 white-space: nowrap;
66 overflow: hidden; 65 overflow: hidden;
67 min-width: 28px; 66 min-width: 28px;
68 background: transparent; 67 background: transparent;
(...skipping 126 matching lines...) Expand 10 before | Expand all | Expand 10 after
195 display: inline-flex; 194 display: inline-flex;
196 flex-shrink: 0; 195 flex-shrink: 0;
197 margin-right: 6px; 196 margin-right: 6px;
198 } 197 }
199 198
200 select.toolbar-item { 199 select.toolbar-item {
201 min-width: 38px; 200 min-width: 38px;
202 -webkit-appearance: none; 201 -webkit-appearance: none;
203 border: 0; 202 border: 0;
204 border-radius: 0; 203 border-radius: 0;
205 padding: 0 8px 0 5px; 204 padding: 0 13px 0 5px;
206 margin-right: -10px; 205 margin-right: -10px;
207 position: relative; 206 position: relative;
208 } 207 }
209 208
210 /* Input */ 209 /* Input */
211 210
212 .toolbar-input { 211 .toolbar-input {
213 width: 120px; 212 width: 120px;
214 height: 20px; 213 height: 20px;
215 padding: 3px; 214 padding: 3px;
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
278 margin-top: -1px; 277 margin-top: -1px;
279 width: 28px; 278 width: 28px;
280 left: -2px; 279 left: -2px;
281 } 280 }
282 281
283 span.toolbar-select-container.toolbar-item.warning { 282 span.toolbar-select-container.toolbar-item.warning {
284 background: #ffd7d7; 283 background: #ffd7d7;
285 padding: 0 5px 0 0; 284 padding: 0 5px 0 0;
286 margin-right: 1px; 285 margin-right: 1px;
287 } 286 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/Toolbar.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698