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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/timeline/timelinePanel.css

Issue 2356423002: [DevTools] Turn WebInspector.Panel into a web component.
Patch Set: partial fixes Created 4 years, 2 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) 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 .panel.timeline > .toolbar { 30 .panel > .toolbar {
31 border-bottom: 1px solid #dadada; 31 border-bottom: 1px solid #dadada;
32 } 32 }
33 33
34 #timeline-overview-panel { 34 #timeline-overview-panel {
35 flex: none; 35 flex: none;
36 position: relative; 36 position: relative;
37 border-bottom: 1px solid rgb(140, 140, 140); 37 border-bottom: 1px solid rgb(140, 140, 140);
38 } 38 }
39 39
40 #timeline-overview-panel .timeline-graph-bar { 40 #timeline-overview-panel .timeline-graph-bar {
(...skipping 28 matching lines...) Expand all
69 69
70 #timeline-container .webkit-html-external-link, 70 #timeline-container .webkit-html-external-link,
71 #timeline-container .webkit-html-resource-link { 71 #timeline-container .webkit-html-resource-link {
72 color: inherit; 72 color: inherit;
73 } 73 }
74 74
75 .timeline-graph-side.hovered { 75 .timeline-graph-side.hovered {
76 background-color: rgba(0, 0, 0, 0.05) !important; 76 background-color: rgba(0, 0, 0, 0.05) !important;
77 } 77 }
78 78
79 .timeline.panel .status-pane-container { 79 .panel .status-pane-container {
80 z-index: 1000; 80 z-index: 1000;
81 pointer-events: none; 81 pointer-events: none;
82 display: flex; 82 display: flex;
83 align-items: center; 83 align-items: center;
84 } 84 }
85 85
86 .timeline.panel .status-pane-container.tinted { 86 .panel .status-pane-container.tinted {
87 background-color: hsla(0, 0%, 90%, 0.8); 87 background-color: hsla(0, 0%, 90%, 0.8);
88 pointer-events: auto; 88 pointer-events: auto;
89 } 89 }
90 90
91 #timeline-overview-panel .overview-strip { 91 #timeline-overview-panel .overview-strip {
92 margin-top: 2px; 92 margin-top: 2px;
93 justify-content: center; 93 justify-content: center;
94 } 94 }
95 95
96 #timeline-overview-panel .overview-strip .timeline-overview-strip-title { 96 #timeline-overview-panel .overview-strip .timeline-overview-strip-title {
(...skipping 511 matching lines...) Expand 10 before | Expand all | Expand 10 after
608 border-bottom: 1px solid #ddd; 608 border-bottom: 1px solid #ddd;
609 background-color: #f3f3f3 609 background-color: #f3f3f3
610 } 610 }
611 611
612 .timeline-stack-view-header { 612 .timeline-stack-view-header {
613 height: 26px; 613 height: 26px;
614 background-color: white; 614 background-color: white;
615 padding: 6px 10px; 615 padding: 6px 10px;
616 color: #5a5a5a; 616 color: #5a5a5a;
617 } 617 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698