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

Unified Diff: chrome/browser/resources/tracing/timeline_view.css

Issue 10170001: Find feature for tracing, at long last. (Closed) Base URL: git://localhost/home/nduca/Local/chrome/src@master
Patch Set: patch for landing Created 8 years, 8 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 side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/tracing/timeline_view.css
diff --git a/chrome/browser/resources/tracing/timeline_view.css b/chrome/browser/resources/tracing/timeline_view.css
index f5bc159acb482d21ac2ee5d1f980d911c9e2a5d7..f77e0702f8727126c556279bda4f5f3a2bb66ace 100644
--- a/chrome/browser/resources/tracing/timeline_view.css
+++ b/chrome/browser/resources/tracing/timeline_view.css
@@ -9,26 +9,40 @@
padding: 0;
}
-.timeline-view > .timeline {
- -webkit-box-flex: 1;
+.timeline-view > .control {
+ border-bottom: 1px solid #555;
display: -webkit-box;
- overflow: auto;
}
-.timeline-view .timeline-container {
+.timeline-view > .control > span {
+ padding-left: 5px;
+ padding-right: 10px;
+}
+
+.timeline-view > .control > button {
+ font-size: 75%;
+ height: 20px;
+ min-height: 10px;
+}
+
+.timeline-view > .control > .spacer {
+ -webkit-box-flex: 1;
+}
+
+.timeline-view > .timeline-container {
-webkit-box-flex: 1;
display: -webkit-box;
overflow: auto;
}
-.timeline-view .timeline-container > * {
+.timeline-view > .timeline-container > * {
-webkit-box-flex: 1;
}
-.timeline-view .summary-container * {
+.timeline-view > .summary-container * {
-webkit-user-select: text;
}
-.timeline-view .summary-container {
+.timeline-view > .summary-container {
border-top: 1px solid black;
font-family: monospace;
max-height: 250px;
@@ -43,3 +57,43 @@
.timeline-view .selection ul {
margin: 0;
}
+
+.timeline-find-control {
+ -webkit-user-select: none;
+ position: relative;
+}
+
+.timeline-find-control .hit-count-label {
+ left: 0;
+ opacity: 0.25;
+ pointer-events: none;
+ position: absolute;
+ text-align: right;
+ top: 2px;
+ width: 170px;
+ z-index: 1;
+}
+
+.timeline-find-control input {
+ margin-right: 1px;
+ width: 170px;
+}
+
+.timeline-find-control .find-button {
+ background-color: rgba(255, 255, 255, 0.5);
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ color: rgba(0,0,0,0.2);
+ font-size: 14px;
+ height: 23px;
+ text-align: center;
+ width: 23px;
+}
+
+.timeline-find-control .find-button:hover {
+ background-color: rgba(255, 255, 255, 1.0);
+ border: 1px solid rgba(0, 0, 0, 0.8);
+ border-radius: 25%;
+ box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
+ color: rgba(0, 0, 0, 1);
+}
+
« no previous file with comments | « chrome/browser/resources/tracing/timeline_track_test.html ('k') | chrome/browser/resources/tracing/timeline_view.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698