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

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

Issue 2523823003: [DevTools] Do not collapse toolbars (Closed)
Patch Set: Right aligned the "show all" checkbox Created 4 years 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 :host { 7 :host {
8 flex: none; 8 flex: none;
9 padding: 0 2px; 9 padding: 0 2px;
10 } 10 }
(...skipping 10 matching lines...) Expand all
21 } 21 }
22 22
23 .toolbar-shadow.wrappable { 23 .toolbar-shadow.wrappable {
24 flex-wrap: wrap; 24 flex-wrap: wrap;
25 } 25 }
26 26
27 .toolbar-shadow.wrappable-reverse { 27 .toolbar-shadow.wrappable-reverse {
28 flex-direction: row-reverse; 28 flex-direction: row-reverse;
29 } 29 }
30 30
31 .toolbar-shadow.toolbar-grow-vertical {
32 height: initial;
33 }
34
31 .toolbar-shadow.vertical { 35 .toolbar-shadow.vertical {
32 flex-direction: column; 36 flex-direction: column;
33 height: auto; 37 height: auto;
34 width: 26px; 38 width: 26px;
35 } 39 }
36 40
37 .toolbar-item { 41 .toolbar-item {
38 position: relative; 42 position: relative;
39 display: flex; 43 display: flex;
40 background-color: transparent; 44 background-color: transparent;
(...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after
205 margin: 1px 3px; 209 margin: 1px 3px;
206 background-color: white; 210 background-color: white;
207 border: solid 1px #d8d8d8; 211 border: solid 1px #d8d8d8;
208 } 212 }
209 213
210 input.toolbar-item:focus, 214 input.toolbar-item:focus,
211 input.toolbar-item.hover { 215 input.toolbar-item.hover {
212 border: solid 1px rgb(202, 202, 202); 216 border: solid 1px rgb(202, 202, 202);
213 } 217 }
214 218
219 .toolbar-item-right-aligned {
220 margin-left: auto;
221 }
222
215 /* Separator */ 223 /* Separator */
216 224
217 .toolbar-divider { 225 .toolbar-divider {
218 background-color: #ccc; 226 background-color: #ccc;
219 width: 1px; 227 width: 1px;
220 margin: 5px 4px; 228 margin: 5px 4px;
221 height: 16px; 229 height: 16px;
222 } 230 }
223 231
224 .toolbar-spacer { 232 .toolbar-spacer {
(...skipping 21 matching lines...) Expand all
246 margin-top: -1px; 254 margin-top: -1px;
247 width: 28px; 255 width: 28px;
248 left: -2px; 256 left: -2px;
249 } 257 }
250 258
251 span.toolbar-select-container.toolbar-item.warning { 259 span.toolbar-select-container.toolbar-item.warning {
252 background: #ffd7d7; 260 background: #ffd7d7;
253 padding: 0 5px 0 0; 261 padding: 0 5px 0 0;
254 margin-right: 1px; 262 margin-right: 1px;
255 } 263 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698