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

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

Issue 2888453002: DevTools: Remove contain strict from toolbars (Closed)
Patch Set: 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 | « no previous file | 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;
17 overflow: hidden; 16 overflow: hidden;
18 z-index: 12; 17 z-index: 12;
19 display: flex; 18 display: flex;
20 flex: none; 19 flex: none;
21 align-items: center; 20 align-items: center;
22 } 21 }
23 22
24 .toolbar-shadow.wrappable { 23 .toolbar-shadow.wrappable {
25 flex-wrap: wrap; 24 flex-wrap: wrap;
26 overflow: visible; 25 overflow: visible;
27 contain: none;
28 } 26 }
29 27
30 .toolbar-shadow.wrappable-reverse { 28 .toolbar-shadow.wrappable-reverse {
31 flex-direction: row-reverse; 29 flex-direction: row-reverse;
32 } 30 }
33 31
34 .toolbar-shadow.toolbar-grow-vertical { 32 .toolbar-shadow.toolbar-grow-vertical {
35 height: initial; 33 height: initial;
36 } 34 }
37 35
38 .toolbar-shadow.vertical { 36 .toolbar-shadow.vertical {
39 flex-direction: column; 37 flex-direction: column;
40 height: auto; 38 height: auto;
41 contain: none;
42 align-items: flex-start; 39 align-items: flex-start;
43 } 40 }
44 41
45 .toolbar-item { 42 .toolbar-item {
46 position: relative; 43 position: relative;
47 display: flex; 44 display: flex;
48 background-color: transparent; 45 background-color: transparent;
49 flex: none; 46 flex: none;
50 align-items: center; 47 align-items: center;
51 justify-content: center; 48 justify-content: center;
(...skipping 240 matching lines...) Expand 10 before | Expand all | Expand 10 after
292 left: 2px; 289 left: 2px;
293 right: 2px; 290 right: 2px;
294 background-color: rgba(0, 0, 0, 0.08); 291 background-color: rgba(0, 0, 0, 0.08);
295 border-radius: 2px; 292 border-radius: 2px;
296 content: ""; 293 content: "";
297 } 294 }
298 295
299 .toolbar-shadow.floating { 296 .toolbar-shadow.floating {
300 flex-direction: column; 297 flex-direction: column;
301 height: auto; 298 height: auto;
302 contain: none;
303 background-color: white; 299 background-color: white;
304 border: 1px solid #ccc; 300 border: 1px solid #ccc;
305 margin-top: -1px; 301 margin-top: -1px;
306 width: 28px; 302 width: 28px;
307 left: -2px; 303 left: -2px;
308 } 304 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698