first part of syncing LCARStrek with Firefox 35 windows theme changes

[themes.git] / LCARStrek / browser / devtools / netmonitor.css

diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css
index b03f930db83affabd445bc9a2843e71c7d537fc7..b162d5da91cd89097a76f9671d3c519a7c201d0f 100644 (file)
--- a/LCARStrek/browser/devtools/netmonitor.css
+++ b/LCARStrek/browser/devtools/netmonitor.css
@@ -17,18 +17,26 @@ window {
   color: #FF9F00;
 }
 
+#notice-perf-message {
+  margin-top: 2px;
+}
+
 #requests-menu-perf-notice-button {
   min-width: 30px;
-  min-height: 28px;
+  min-height: 26px;
   margin: 0;
-  list-style-image: url("profiler-stopwatch.png");
-  -moz-image-region: rect(0px,32px,16px,16px);
+  list-style-image: url("profiler-stopwatch.svg");
 }
 
 #requests-menu-perf-notice-button .button-text {
   display: none;
 }
 
+#requests-menu-reload-notice-button {
+  min-height: 26px;
+  margin: 0;
+}
+
 /* Network requests table */
 
 #requests-menu-toolbar {
@@ -111,7 +119,7 @@ window {
 /* Network requests table: specific column dimensions */
 
 .requests-menu-status-and-method {
-  width: 8em;
+  width: 12em;
 }
 
 .requests-menu-status {
@@ -125,12 +133,30 @@ window {
   font-weight: 600;
 }
 
+.requests-menu-icon-and-file {
+  width: 20vw;
+  min-width: 4em;
+}
+
+.requests-menu-icon {
+  background: #FFCF00;
+  width: calc(1em + 4px);
+  height: calc(1em + 4px);
+  margin: -4px 0px;
+  -moz-margin-end: 4px;
+}
+
+.requests-menu-icon {
+  outline: 1px solid #A09090;
+}
+
 .requests-menu-file {
-  width: 16em;
+  text-align: start;
 }
 
 .requests-menu-domain {
-  width: 16em;
+  width: 14vw;
+  min-width: 10em;
 }
 
 .requests-menu-type {
@@ -230,12 +256,12 @@ box.requests-menu-status[code^="5"] {
 }
 
 .requests-menu-timings-division[division-scale=second] {
-  -moz-border-start-color: #E7ADE7 !important; /* Light orange highlight color */
+  -moz-border-start-color: #FF9F00 !important; /* Light foreground text */
   font-weight: 600;
 }
 
 .requests-menu-timings-division[division-scale=minute] {
-  -moz-border-start-color: #FF0000 !important; /* Red highlight color */
+  -moz-border-start-color: #FF9F00 !important; /* Light foreground text */
   font-weight: 600;
 }
 
@@ -244,10 +270,11 @@ box.requests-menu-status[code^="5"] {
 .requests-menu-subitem.requests-menu-waterfall {
   -moz-padding-start: 0px;
   -moz-padding-end: 4px;
-  background-repeat: repeat-y; /* Background created on a <canvas> in js. */
+  /* Background created on a <canvas> in js. */
+  /* @see browser/devtools/netmonitor/netmonitor-view.js */
+  background-image: -moz-element(#waterfall-background);
+  background-repeat: repeat-y;
   background-position: -1px center;
-  margin-top: -1px; /* Compensate borders. */
-  margin-bottom: -1px;
 }
 
 .requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) {
@@ -320,15 +347,16 @@ box.requests-menu-status[code^="5"] {
 
 /* Network request details */
 
-#details-pane {
-  max-width: 500px;
-}
-
 #details-pane-toggle {
   list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
   -moz-image-region: rect(0px,16px,16px,0px);
 }
 
+#details-pane-toggle > .toolbarbutton-icon {
+  width: 16px;
+  height: 16px;
+}
+
 #details-pane-toggle[pane-collapsed] {
   list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
 }
@@ -338,6 +366,21 @@ box.requests-menu-status[code^="5"] {
   -moz-image-region: rect(0px,32px,16px,16px);
 }
 
+@media (min-resolution: 2dppx) {
+  #details-pane-toggle {
+    list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png");
+    -moz-image-region: rect(0px,32px,32px,0px);
+  }
+
+  #details-pane-toggle[pane-collapsed] {
+    list-style-image: url("chrome://browser/skin/devtools/debugger-expand@2x.png");
+  }
+
+  #details-pane-toggle:active {
+    -moz-image-region: rect(0px,64px,32px,32px);
+  }
+}
+
 /* Network request details tabpanels */
 
 .tabpanel-content {
@@ -398,6 +441,17 @@ box.requests-menu-status[code^="5"] {
   margin-bottom: 10px;
 }
 
+/* Preview tabpanel */
+
+#preview-tabpanel {
+  background: #fff;
+}
+
+#response-preview {
+  display: -moz-box;
+  -moz-box-flex: 1;
+}
+
 /* Timings tabpanel */
 
 #timings-tabpanel .tabpanel-summary-label {
@@ -445,7 +499,7 @@ box.requests-menu-status[code^="5"] {
   margin: 0;
   -moz-margin-end: 3px;
   border: none;
-  padding: 0px 0.75vw;
+  padding: 0px 1vw;
 
 /*  color: #fff;*/
 }
@@ -477,8 +531,7 @@ box.requests-menu-status[code^="5"] {
 /* Performance analysis buttons */
 
 #requests-menu-network-summary-button {
-  list-style-image: url("profiler-stopwatch.png");
-  -moz-image-region: rect(0px,32px,16px,16px);
+  list-style-image: url("profiler-stopwatch.svg");
   -moz-padding-end: 0;
   cursor: pointer;
 }
@@ -597,13 +650,7 @@ box.requests-menu-status[code^="5"] {
     min-height: 24px;
   }
 
-  .requests-menu-footer-button,
-  .requests-menu-footer-label {
-    padding: 0px 1vw;
-  }
-
   #details-pane {
-    max-width: none;
     margin: 0 !important;
     /* To prevent all the margin hacks to hide the sidebar. */
   }
@@ -612,7 +659,7 @@ box.requests-menu-status[code^="5"] {
     width: 16vw;
   }
 
-  .requests-menu-file,
+  .requests-menu-icon-and-file,
   .requests-menu-domain {
     width: 30vw;
   }
@@ -630,20 +677,4 @@ box.requests-menu-status[code^="5"] {
   }
 }
 
-@media (min-width: 701px) {
-  #network-table[type-overflows] .requests-menu-domain {
-    border-width: 0 !important;
-    box-shadow: none !important;
-    /* The "Type" header is not visible anymore, and thus the
-       right border and box-shadow of "Domain" column should be hidden. */
-  }
-
-  #network-table[domain-overflows] .requests-menu-file {
-    border-width: 0 !important;
-    box-shadow: none !important;
-    /* The "Domain" header is not visible anymore, and thus the
-       right border and box-shadow of "File" column should be hidden. */
-  }
-}
-
 /* === END netmonitor.inc.css === */