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

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

Issue 2174863003: DevTools: traverse widget hierarchy to reveal views. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: lcean Created 4 years, 4 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/sidebarPane.css ('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) 2006, 2007, 2008 Apple Inc. All rights reserved. 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions 6 * modification, are permitted provided that the following conditions
7 * are met: 7 * are met:
8 * 8 *
9 * 1. Redistributions of source code must retain the above copyright 9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer. 10 * notice, this list of conditions and the following disclaimer.
11 * 2. Redistributions in binary form must reproduce the above copyright 11 * 2. Redistributions in binary form must reproduce the above copyright
12 * notice, this list of conditions and the following disclaimer in the 12 * notice, this list of conditions and the following disclaimer in the
13 * documentation and/or other materials provided with the distribution. 13 * documentation and/or other materials provided with the distribution.
14 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of 14 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
15 * its contributors may be used to endorse or promote products derived 15 * its contributors may be used to endorse or promote products derived
16 * from this software without specific prior written permission. 16 * from this software without specific prior written permission.
17 * 17 *
18 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY 18 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
19 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 19 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
20 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 20 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY 21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF 26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
28 */ 28 */
29 29
30 .sidebar-pane-container .info {
31 text-align: center;
32 font-style: italic;
33 padding: 6px;
34 color: #888;
35 }
36
37 .sidebar-hidden-override { 30 .sidebar-hidden-override {
38 display: none !important; 31 display: none !important;
39 } 32 }
40 33
41 .sidebar-pane-title { 34 .expandable-view-title {
42 display: flex; 35 display: flex;
43 align-items: center; 36 align-items: center;
44 background-color: #eee; 37 background-color: #eee;
45 height: 20px; 38 height: 20px;
46 padding: 0 5px; 39 padding: 0 5px;
47 border-top: 1px solid #dadada; 40 border-top: 1px solid #dadada;
48 white-space: nowrap; 41 white-space: nowrap;
49 overflow: hidden; 42 overflow: hidden;
50 position: relative; 43 position: relative;
51 } 44 }
52 45
53 .sidebar-pane-title.expanded, 46 .expandable-view-title.expanded,
54 .sidebar-pane-title:last-child { 47 .expandable-view-title:last-child {
55 border-bottom: 1px solid #ddd; 48 border-bottom: 1px solid #ddd;
56 } 49 }
57 50
58 .sidebar-pane-title::before { 51 .expandable-view-title::before {
59 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 52 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
60 -webkit-mask-size: 352px 168px; 53 -webkit-mask-size: 352px 168px;
61 background-color: #888; 54 background-color: #888;
62 float: left; 55 float: left;
63 width: 11px; 56 width: 11px;
64 height: 11px; 57 height: 11px;
65 margin-right: 2px; 58 margin-right: 2px;
66 content: "a"; 59 content: "a";
67 color: transparent; 60 color: transparent;
68 flex-shrink: 0; 61 flex-shrink: 0;
69 } 62 }
70 63
71 @media (-webkit-min-device-pixel-ratio: 1.5) { 64 @media (-webkit-min-device-pixel-ratio: 1.5) {
72 .sidebar-pane-title::before { 65 .expandable-view-title::before {
73 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 66 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
74 } 67 }
75 } /* media */ 68 } /* media */
76 69
77 .sidebar-pane-title::before { 70 .expandable-view-title::before {
78 -webkit-mask-position: -4px -96px; 71 -webkit-mask-position: -4px -96px;
79 } 72 }
80 73
81 .sidebar-pane-title.expanded::before { 74 .expandable-view-title.expanded::before {
82 -webkit-mask-position: -20px -96px; 75 -webkit-mask-position: -20px -96px;
83 } 76 }
84 77
78 .expandable-view-title > .toolbar {
79 position: absolute;
80 right: 0;
81 top: -3px;
82 }
83
84 .sidebar-pane-container .toolbar {
85 border-bottom: 1px solid #eee;
86 }
87
85 .sidebar-pane-container .toolbar > * { 88 .sidebar-pane-container .toolbar > * {
86 pointer-events: auto; 89 pointer-events: auto;
87 } 90 }
88
89 .sidebar-pane-title > .toolbar {
90 position: absolute;
91 right: 0;
92 top: -3px;
93 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/sidebarPane.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698