Upstream version 9.38.198.0

[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / chromeos / provided_file_systems.css

diff --git a/src/chrome/browser/resources/chromeos/provided_file_systems.css b/src/chrome/browser/resources/chromeos/provided_file_systems.css
index 24813e2..6247fa9 100644 (file)
--- a/src/chrome/browser/resources/chromeos/provided_file_systems.css
+++ b/src/chrome/browser/resources/chromeos/provided_file_systems.css
@@ -5,7 +5,7 @@
 
 body {
   background-color: rgba(0, 0, 0, 0.05);
-  font-family: 'Verdana', 'Arial';
+  font-family: sans-serif;
   font-size: 14px;
   margin: 20px;
 }
@@ -81,12 +81,13 @@ body {
 }
 
 #requestTimeline .request-timeline-scroller {
-  overflow: auto;
+  overflow-x: auto;
+  overflow-y: hidden;
   width: 100%;
 }
 
 #requestTimeline .request-timeline-padding {
-  margin: 10px 5px;
+  margin: 20px 10px;
   position: relative;
 }
 
@@ -95,10 +96,33 @@ body {
   border-radius: 4px;
   height: 8px;
   margin: 3px 0;
-  min-width: 8px;
-  opacity: 0.75;
+  min-width: 1px;
+  padding: 0;
   position: absolute;
-  transition: opacity 100ms;
+  text-align: start;
+}
+
+#requestTimeline .request-timeline-request.selected {
+  box-shadow: 0 0 3px 1px deepskyblue;
+}
+
+#requestTimeline .request-timeline-request-overhead {
+  background-image: -webkit-canvas(dashedPattern);
+  border-radius: 4px;
+  height: 100%;
+  width: 50%;
+}
+
+#requestTimeline .request-timeline-request-value-size {
+  background-color: ivory;
+  box-shadow: 0 1px 1px 0 silver;
+  color: black;
+  display: inline-block;
+  font-size: 10px;
+  padding: 2px;
+  position: relative;
+  top: -30px;
+  z-index: 2;
 }
 
 #requestTimeline .request-timeline-toolbar {
@@ -110,7 +134,7 @@ body {
   pointer-events: none;
   position: absolute;
   right: 0;
-  z-index: 2;
+  z-index: 3;
 }
 
 #requestTimeline .request-timeline-toolbar button {
@@ -131,7 +155,8 @@ body {
 
 #requestTimeline [data-request-type='GET_METADATA'],
 #requestEvents [data-request-type='GET_METADATA'] span {
-  background-color: gold;
+  background-color: orange;
+  color: white;
 }
 
 #requestTimeline [data-request-type='READ_DIRECTORY'],