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

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

Issue 1463393003: DevTools: Make item info follow the mouse on the flame chart. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 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 side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/Source/devtools/front_end/ui_lazy/flameChart.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui_lazy/flameChart.css b/third_party/WebKit/Source/devtools/front_end/ui_lazy/flameChart.css
index 30d588fe4c97768175374b59e536b333a3d513d9..e36349d1a1245d4c01160999df558cda225c9ffd 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui_lazy/flameChart.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui_lazy/flameChart.css
@@ -59,15 +59,26 @@
bottom: 0;
}
-.flame-chart-entry-info {
+.flame-chart-entry-info:not(:empty) {
+ z-index: 100;
+ margin: 6px 10px;
position: absolute;
- bottom: 6px;
- left: 12px;
- background-color: rgba(255, 255, 255, 0.7);
+ background-color: white;
pointer-events: none;
+ padding: 2px;
+ border: 1px solid hsl(0, 0%, 90%);
+ box-shadow: hsla(0, 0%, 0%, 0.2) 1px 1px 8px;
+}
+
+.flame-chart-entry-info table tr td {
+ padding: 0;
+ white-space: nowrap;
+}
+
+.flame-chart-entry-info table tr td:not(:empty) {
+ padding: 0 4px;
}
.flame-chart-entry-info table tr td:first-child {
font-weight: bold;
- padding-right: 8px;
}

Powered by Google App Engine
This is Rietveld 408576698