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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui_lazy/flameChart.css

Issue 2506903004: DevTools: Fix timeline flamechart popover style. (Closed)
Patch Set: Created 4 years, 1 month 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/timelineFlamechartPopover.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 .flame-chart-main-pane { 1 .flame-chart-main-pane {
2 overflow: hidden; 2 overflow: hidden;
3 } 3 }
4 4
5 .flame-chart-marker-highlight-element { 5 .flame-chart-marker-highlight-element {
6 position: absolute; 6 position: absolute;
7 top: 0; 7 top: 0;
8 height: 20px; 8 height: 20px;
9 width: 4px; 9 width: 4px;
10 margin: 0 -2px; 10 margin: 0 -2px;
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
73 73
74 .flame-chart-selection-overlay .time-span { 74 .flame-chart-selection-overlay .time-span {
75 white-space: nowrap; 75 white-space: nowrap;
76 position: absolute; 76 position: absolute;
77 left: 0; 77 left: 0;
78 right: 0; 78 right: 0;
79 bottom: 0; 79 bottom: 0;
80 } 80 }
81 81
82 .flame-chart-entry-info:not(:empty) { 82 .flame-chart-entry-info:not(:empty) {
83 z-index: 200; 83 z-index: 2000;
84 position: absolute; 84 position: absolute;
85 background-color: white; 85 background-color: white;
86 pointer-events: none; 86 pointer-events: none;
87 padding: 2px; 87 padding: 4px 8px;
88 white-space: nowrap;
89 max-width: 80%;
88 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 90 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05),
89 0 2px 4px rgba(0, 0, 0, 0.2), 91 0 2px 4px rgba(0, 0, 0, 0.2),
90 0 2px 6px rgba(0, 0, 0, 0.1); 92 0 2px 6px rgba(0, 0, 0, 0.1);
91 } 93 }
92 94
93 .flame-chart-entry-info table tr td:empty { 95 .flame-chart-entry-info table tr td:empty {
94 padding: 0; 96 padding: 0;
95 } 97 }
96 98
97 .flame-chart-entry-info table tr td:not(:empty) { 99 .flame-chart-entry-info table tr td:not(:empty) {
98 padding: 0 5px; 100 padding: 0 5px;
99 white-space: nowrap; 101 white-space: nowrap;
100 } 102 }
101 103
102 .flame-chart-entry-info table tr td:first-child { 104 .flame-chart-entry-info table tr td:first-child {
103 font-weight: bold; 105 font-weight: bold;
104 } 106 }
105 107
106 .flame-chart-entry-info table tr td span { 108 .flame-chart-entry-info table tr td span {
107 margin-right: 5px; 109 margin-right: 5px;
108 } 110 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/timeline/timelineFlamechartPopover.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698