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

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

Issue 2842843003: DevTools: Display product information in ConsoleContextSelector (Closed)
Patch Set: f Created 3 years, 7 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/ListControl.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 }
11 11
12 .toolbar-shadow { 12 .toolbar-shadow {
13 position: relative; 13 position: relative;
14 white-space: nowrap; 14 white-space: nowrap;
15 height: 26px; 15 height: 26px;
16 contain: strict;
16 overflow: hidden; 17 overflow: hidden;
17 z-index: 12; 18 z-index: 12;
18 display: flex; 19 display: flex;
19 flex: none; 20 flex: none;
20 align-items: center; 21 align-items: center;
21 } 22 }
22 23
23 .toolbar-shadow.wrappable { 24 .toolbar-shadow.wrappable {
24 flex-wrap: wrap; 25 flex-wrap: wrap;
25 overflow: visible; 26 overflow: visible;
27 contain: none;
26 } 28 }
27 29
28 .toolbar-shadow.wrappable-reverse { 30 .toolbar-shadow.wrappable-reverse {
29 flex-direction: row-reverse; 31 flex-direction: row-reverse;
30 } 32 }
31 33
32 .toolbar-shadow.toolbar-grow-vertical { 34 .toolbar-shadow.toolbar-grow-vertical {
33 height: initial; 35 height: initial;
34 } 36 }
35 37
36 .toolbar-shadow.vertical { 38 .toolbar-shadow.vertical {
37 flex-direction: column; 39 flex-direction: column;
38 height: auto; 40 height: auto;
41 contain: none;
39 align-items: flex-start; 42 align-items: flex-start;
40 } 43 }
41 44
42 .toolbar-item { 45 .toolbar-item {
43 position: relative; 46 position: relative;
44 display: flex; 47 display: flex;
45 background-color: transparent; 48 background-color: transparent;
46 flex: none; 49 flex: none;
47 align-items: center; 50 align-items: center;
48 justify-content: center; 51 justify-content: center;
(...skipping 240 matching lines...) Expand 10 before | Expand all | Expand 10 after
289 left: 2px; 292 left: 2px;
290 right: 2px; 293 right: 2px;
291 background-color: rgba(0, 0, 0, 0.08); 294 background-color: rgba(0, 0, 0, 0.08);
292 border-radius: 2px; 295 border-radius: 2px;
293 content: ""; 296 content: "";
294 } 297 }
295 298
296 .toolbar-shadow.floating { 299 .toolbar-shadow.floating {
297 flex-direction: column; 300 flex-direction: column;
298 height: auto; 301 height: auto;
302 contain: none;
299 background-color: white; 303 background-color: white;
300 border: 1px solid #ccc; 304 border: 1px solid #ccc;
301 margin-top: -1px; 305 margin-top: -1px;
302 width: 28px; 306 width: 28px;
303 left: -2px; 307 left: -2px;
304 } 308 }
305
306 span.toolbar-select-container.toolbar-item.warning {
307 background: #ffd7d7;
308 padding: 0 5px 0 0;
309 margin-right: 1px;
310 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/ListControl.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698