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

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

Issue 2658383002: [DevTools] Make UI.GlassPane position contentElement for different overlay controls. (Closed)
Patch Set: rebased Created 3 years, 10 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) 2015 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2015 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 position: absolute; 8 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2), 0 2p x 6px rgba(0, 0, 0, 0.1);
9 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2),
10 0 2px 4px rgba(0, 0, 0, 0.2),
11 0 2px 6px rgba(0, 0, 0, 0.1);
12 background: white; 9 background: white;
13 justify-content: flex-start; 10 justify-content: flex-start;
14 align-items: stretch; 11 align-items: stretch;
15 } 12 }
16 13
17 .widget { 14 .widget {
18 display: flex; 15 display: flex;
19 flex: auto; 16 flex: auto;
20 justify-content: flex-start; 17 justify-content: flex-start;
21 align-items: stretch; 18 align-items: stretch;
22 } 19 }
23 20
24 :host-context(.wraps-content) { 21 :host-context(.wraps-content) {
25 justify-content: center;
26 align-items: flex-start; 22 align-items: flex-start;
27 overflow: hidden; 23 overflow: hidden;
28 } 24 }
29 25
30 :host-context(.wraps-content) .widget { 26 :host-context(.wraps-content) .widget {
31 flex: none !important; 27 flex: none !important;
32 justify-content: center;
33 align-items: center; 28 align-items: center;
34 } 29 }
35 30
36 .dialog-close-button { 31 .dialog-close-button {
37 position: absolute; 32 position: absolute;
38 right: 9px; 33 right: 9px;
39 top: 9px; 34 top: 9px;
40 } 35 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698