1 files changed, 68 insertions, 1 deletions
diff --git a/chrome/browser/resources/chromeos/provided_file_systems.css b/chrome/browser/resources/chromeos/provided_file_systems.css
index b049d4a1..63b99f1 100644
--- a/chrome/browser/resources/chromeos/provided_file_systems.css
+++ b/chrome/browser/resources/chromeos/provided_file_systems.css
@@ -11,7 +11,8 @@ body {
 }
 
 #fileSystems,
-#requestEvents {
+#requestEvents,
+#requestTimeline {
   background-color: white;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
   margin-bottom: 20px;
@@ -67,3 +68,69 @@ body {
 #requestEvents td {
   border-top: 1px solid #eee;
 }
+
+#requestEvents td span {
+  border-radius: 5px;
+  padding: 3px;
+}
+
+#requestTimeline {
+  overflow: auto;
+  width: 100%;
+}
+
+#requestTimeline .request-timeline-padding {
+  margin: 10px 5px;
+  position: relative;
+}
+
+#requestTimeline .request-timeline-request {
+  border: none;
+  border-radius: 4px;
+  height: 8px;
+  margin: 3px 0;
+  min-width: 8px;
+  opacity: 0.75;
+  position: absolute;
+  transition: opacity 100ms;
+}
+
+#requestTimeline [data-request-type='REQUEST_UNMOUNT'],
+#requestEvents [data-request-type='REQUEST_UNMOUNT'] span {
+  background-color: cadetblue;
+  color: white;
+}
+
+#requestTimeline [data-request-type='GET_METADATA'],
+#requestEvents [data-request-type='GET_METADATA'] span {
+  background-color: gold;
+}
+
+#requestTimeline [data-request-type='READ_DIRECTORY'],
+#requestEvents [data-request-type='READ_DIRECTORY'] span {
+  background-color: hotpink;
+  color: white;
+}
+
+#requestTimeline [data-request-type='OPEN_FILE'],
+#requestEvents [data-request-type='OPEN_FILE'] span {
+  background-color: darkturquoise;
+  color: white;
+}
+
+#requestTimeline [data-request-type='CLOSE_FILE'],
+#requestEvents [data-request-type='CLOSE_FILE'] span {
+  background-color: mediumspringgreen;
+}
+
+#requestTimeline [data-request-type='READ_FILE'],
+#requestEvents [data-request-type='READ_FILE'] span {
+  background-color: royalblue;
+  color: white;
+}
+
+#requestTimeline [data-state='rejected'],
+#requestEvents [data-error]:not([data-error='']) span {
+  background-color: tomato;
+  color: white;
+}