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

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

Issue 2644373004: DevTools: Slim down timeline overview height (Closed)
Patch Set: addressing comments Created 3 years, 11 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/timeline/TimelineEventOverview.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) 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.
(...skipping 96 matching lines...) Expand 10 before | Expand all | Expand 10 after
107 font-weight: bold; 107 font-weight: bold;
108 z-index: 100; 108 z-index: 100;
109 background-color: rgba(255, 255, 255, 0.7); 109 background-color: rgba(255, 255, 255, 0.7);
110 padding: 0 4px; 110 padding: 0 4px;
111 position: absolute; 111 position: absolute;
112 top: 0; 112 top: 0;
113 right: 0; 113 right: 0;
114 } 114 }
115 115
116 #timeline-overview-cpu-activity { 116 #timeline-overview-cpu-activity {
117 flex-basis: 25px;
118 }
119
120 #timeline-overview-network,
121 #timeline-overview-framerate {
122 flex-basis: 20px; 117 flex-basis: 20px;
123 } 118 }
124 119
120 #timeline-overview-network {
121 flex-basis: 12px;
122 }
123
124 #timeline-overview-framerate {
125 flex-basis: 16px;
126 margin-top: 0 !important;
127 }
128
125 #timeline-overview-filmstrip { 129 #timeline-overview-filmstrip {
126 flex-basis: 40px; 130 flex-basis: 30px;
127 } 131 }
128 132
129 #timeline-overview-memory { 133 #timeline-overview-memory {
130 flex-basis: 22px; 134 flex-basis: 20px;
131 } 135 }
132 136
133 #timeline-overview-framerate::before, 137 #timeline-overview-framerate::before,
134 #timeline-overview-network::before, 138 #timeline-overview-network::before,
135 #timeline-overview-cpu-activity::before { 139 #timeline-overview-cpu-activity::before {
136 content: ""; 140 content: "";
137 position: absolute; 141 position: absolute;
138 left: 0; 142 left: 0;
139 right: 0; 143 right: 0;
140 bottom: 0; 144 bottom: 0;
141 border-bottom: 1px solid hsla(0, 0%, 0%, 0.06); 145 border-bottom: 1px solid hsla(0, 0%, 0%, 0.06);
142 z-index: -200; 146 z-index: -200;
143 } 147 }
144 148
145 .overview-strip .background { 149 .overview-strip .background {
146 z-index: -10; 150 z-index: -10;
147 } 151 }
148 152
149 #timeline-overview-responsiveness { 153 #timeline-overview-responsiveness {
150 flex-basis: 6px; 154 flex-basis: 5px;
151 margin-top: 1px !important; 155 margin-top: 0 !important;
152 } 156 }
153 157
154 #timeline-overview-input { 158 #timeline-overview-input {
155 flex-basis: 6px; 159 flex-basis: 6px;
156 } 160 }
157 161
158 #timeline-overview-pane { 162 #timeline-overview-pane {
159 flex: auto; 163 flex: auto;
160 position: relative; 164 position: relative;
161 overflow: hidden; 165 overflow: hidden;
(...skipping 507 matching lines...) Expand 10 before | Expand all | Expand 10 after
669 673
670 .timeline-landing-warning { 674 .timeline-landing-warning {
671 background-color: #fffde7; 675 background-color: #fffde7;
672 padding: 10px 14px; 676 padding: 10px 14px;
673 box-shadow: 1px 1px 3px rgba(0,0,0,0.2); 677 box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
674 } 678 }
675 679
676 .timeline-landing-warning span[is=ui-icon] { 680 .timeline-landing-warning span[is=ui-icon] {
677 margin: -8px; 681 margin: -8px;
678 } 682 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/timeline/TimelineEventOverview.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698