Bug 822110 - filter.png, noise.png and showall.png in browser/devtools/profiler/cleopatra/images are empty. r=robcee r=bgirard
authorAnton Kovalyov <anton@mozilla.com>
Fri, 04 Jan 2013 12:57:02 +0100
changeset 116879 14d68c173f81db6c3c0561b0552622b49e50b581
parent 116878 1730cf59bcfc382cfe25a6e25cdd0647adf66273
child 116880 2767d63a3b155d410e960bb0cf99e4d44b0b44a3
push id1264
push userprouget@mozilla.com
push dateFri, 04 Jan 2013 12:01:24 +0000
treeherderfx-team@14d68c173f81 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersrobcee, bgirard
bugs822110
milestone20.0a1
Bug 822110 - filter.png, noise.png and showall.png in browser/devtools/profiler/cleopatra/images are empty. r=robcee r=bgirard
browser/devtools/jar.mn
browser/devtools/profiler/cleopatra/cleopatra.html
browser/devtools/profiler/cleopatra/css/tree.css
browser/devtools/profiler/cleopatra/css/ui.css
browser/devtools/profiler/cleopatra/images/filter.png
browser/devtools/profiler/cleopatra/images/showall.png
--- a/browser/devtools/jar.mn
+++ b/browser/devtools/jar.mn
@@ -35,19 +35,17 @@ browser.jar:
     content/browser/devtools/profiler/cleopatra/css/devtools.css        (profiler/cleopatra/css/devtools.css)
     content/browser/devtools/profiler/cleopatra/js/parser.js            (profiler/cleopatra/js/parser.js)
     content/browser/devtools/profiler/cleopatra/js/parserWorker.js      (profiler/cleopatra/js/parserWorker.js)
     content/browser/devtools/profiler/cleopatra/js/tree.js              (profiler/cleopatra/js/tree.js)
     content/browser/devtools/profiler/cleopatra/js/ui.js                (profiler/cleopatra/js/ui.js)
     content/browser/devtools/profiler/cleopatra/js/ProgressReporter.js  (profiler/cleopatra/js/ProgressReporter.js)
     content/browser/devtools/profiler/cleopatra/js/devtools.js          (profiler/cleopatra/js/devtools.js)
     content/browser/devtools/profiler/cleopatra/images/circlearrow.svg  (profiler/cleopatra/images/circlearrow.svg)
-    content/browser/devtools/profiler/cleopatra/images/filter.png       (profiler/cleopatra/images/filter.png)
     content/browser/devtools/profiler/cleopatra/images/noise.png        (profiler/cleopatra/images/noise.png)
-    content/browser/devtools/profiler/cleopatra/images/showall.png      (profiler/cleopatra/images/showall.png)
     content/browser/devtools/profiler/cleopatra/images/throbber.svg     (profiler/cleopatra/images/throbber.svg)
     content/browser/devtools/profiler/cleopatra/images/treetwisty.svg   (profiler/cleopatra/images/treetwisty.svg)
     content/browser/devtools/commandline.css      (commandline/commandline.css)
     content/browser/devtools/commandlineoutput.xhtml  (commandline/commandlineoutput.xhtml)
     content/browser/devtools/commandlinetooltip.xhtml  (commandline/commandlinetooltip.xhtml)
     content/browser/devtools/framework/toolbox-window.xul    (framework/toolbox-window.xul)
 *   content/browser/devtools/framework/toolbox.xul           (framework/toolbox.xul)
     content/browser/devtools/framework/toolbox.css           (framework/toolbox.css)
--- a/browser/devtools/profiler/cleopatra/cleopatra.html
+++ b/browser/devtools/profiler/cleopatra/cleopatra.html
@@ -12,18 +12,16 @@
     <link rel="stylesheet" type="text/css" href="profiler/cleopatra/css/tree.css">
     <link rel="stylesheet" type="text/css" href="profiler/cleopatra/css/devtools.css">
 
     <script src="profiler/cleopatra/js/parser.js"></script>
     <script src="profiler/cleopatra/js/tree.js"></script>
     <script src="profiler/cleopatra/js/ui.js"></script>
     <script src="profiler/cleopatra/js/ProgressReporter.js"></script>
     <script src="profiler/cleopatra/js/devtools.js"></script>
-
-    <link rel="shortcut icon" href="favicon.png" />
   </head>
 
   <body onload="notifyParent('loaded');">
     <script>
       initUI();
     </script>
   </body>
 </html>
--- a/browser/devtools/profiler/cleopatra/css/tree.css
+++ b/browser/devtools/profiler/cleopatra/css/tree.css
@@ -1,15 +1,14 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 .treeViewContainer {
   -moz-user-select: none;
-  -webkit-user-select: none;
   user-select: none;
   cursor: default;
   line-height: 16px;
   height: 100%;
   outline: none; /* override the browser's focus styling */
   position: relative;
 }
 
@@ -21,18 +20,16 @@
   height: 16px;
   margin: 0;
   padding: 0;
 }
 
 .treeColumnHeader {
   position: absolute;
   display: block;
-  background: -moz-linear-gradient(#FFF 45%, #EEE 60%);
-  background: -webkit-linear-gradient(#FFF 45%, #EEE 60%);
   background: linear-gradient(#FFF 45%, #EEE 60%);
   margin: 0;
   padding: 0;
   top: 0;
   height: 15px;
   line-height: 15px;
   border: 0 solid #CCC;
   border-bottom-width: 1px;
@@ -88,27 +85,21 @@
 
 .treeViewHorizontalScrollbox {
   padding-left: 150px;
   overflow: hidden;
 }
 
 .treeViewVerticalScrollbox,
 .treeViewHorizontalScrollbox {
-  background: -moz-linear-gradient(white, white 50%, #F0F5FF 50%, #F0F5FF);
-  background: -webkit-linear-gradient(white, white 50%, #F0F5FF 50%, #F0F5FF);
   background: linear-gradient(white, white 50%, #F0F5FF 50%, #F0F5FF);
   background-size: 100px 32px;
 }
 
 .leftColumnBackground {
-  background: -moz-linear-gradient(left, transparent, transparent 98px, #CCC 98px, #CCC 99px, transparent 99px),
-    -moz-linear-gradient(white, white 50%, #F0F5FF 50%, #F0F5FF);
-  background: -webkit-linear-gradient(left, transparent, transparent 98px, #CCC 98px, #CCC 99px, transparent 99px),
-    -webkit-linear-gradient(white, white 50%, #F0F5FF 50%, #F0F5FF);
   background: linear-gradient(left, transparent, transparent 98px, #CCC 98px, #CCC 99px, transparent 99px),
     linear-gradient(white, white 50%, #F0F5FF 50%, #F0F5FF);
   background-size: auto, 100px 32px;
   position: absolute;
   top: 0;
   left: 0;
   width: 146px;
   min-height: 100%;
--- a/browser/devtools/profiler/cleopatra/css/ui.css
+++ b/browser/devtools/profiler/cleopatra/css/ui.css
@@ -27,20 +27,16 @@ body {
 .profileEntryPane {
   overflow: auto;
 }
 .profileEntryPane,
 .profileProgressPane {
   padding: 20px;
   background-color: rgb(229,229,229);
   background-image: url(../images/noise.png),
-                    -moz-linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.2));
-  background-image: url(../images/noise.png),
-                    -webkit-linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.2));
-  background-image: url(../images/noise.png),
                     linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.2));
   text-shadow: rgba(255, 255, 255, 0.4) 0 1px;
 }
 .profileEntryPane h1 {
   margin-top: 0;
   font-size: 13px;
   font-weight: normal;
 }
@@ -57,99 +53,108 @@ body {
 .profileProgressPane progress {
   position: absolute;
   top: 40%;
   left: 30%;
   width: 40%;
   height: 16px;
 }
 .finishedProfilePaneBackgroundCover {
-  -webkit-animation: darken 300ms cubic-bezier(0, 0, 1, 0);
-  -moz-animation: darken 300ms cubic-bezier(0, 0, 1, 0);
+  animation: darken 300ms cubic-bezier(0, 0, 1, 0);
   background-color: rgba(0, 0, 0, 0.5);
 }
+
 .finishedProfilePane {
-  -webkit-animation: appear 300ms ease-out;
-  -moz-animation: appear 300ms ease-out;
+  animation: appear 300ms ease-out;
 }
 
+@keyframes darken {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes appear {
+  from {
+    transform: scale(0.3);
+    opacity: 0;
+    pointer-events: none;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+    pointer-events: auto;
+  }
+}
 .breadcrumbTrail {
   top: 0;
   right: 0;
   height: 29px;
   left: 0;
-  background: -moz-linear-gradient(#FFF 50%, #F3F3F3 55%);
-  background: -webkit-linear-gradient(#FFF 50%, #F3F3F3 55%);
   background: linear-gradient(#FFF 50%, #F3F3F3 55%);
   border-bottom: 1px solid #CCC;
   margin: 0;
   padding: 0;
   overflow: hidden;
 }
 .breadcrumbTrailItem {
-  background: -moz-linear-gradient(#FFF 50%, #F3F3F3 55%);
-  background: -webkit-linear-gradient(#FFF 50%, #F3F3F3 55%);
   background: linear-gradient(#FFF 50%, #F3F3F3 55%);
   display: block;
   margin: 0;
   padding: 0;
   float: left;
   line-height: 29px;
   padding: 0 10px;
   font-size: 12px;
   -moz-user-select: none;
-  -webkit-user-select: none;
   user-select: none;
   cursor: default;
   border-right: 1px solid #CCC;
   max-width: 250px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   position: relative;
 }
-@-webkit-keyframes slide-out {
+@keyframes slide-out {
   from {
     margin-left: -270px;
     opacity: 0;
   }
   to {
     margin-left: 0;
     opacity: 1;
   }
 }
-@-moz-keyframes slide-out {
+@keyframes slide-out {
   from {
     margin-left: -270px;
     opacity: 0;
   }
   to {
     margin-left: 0;
     opacity: 1;
   }
 }
 .breadcrumbTrailItem:not(:first-child) {
-  -moz-animation: slide-out;
-  -moz-animation-duration: 400ms;
-  -moz-animation-timing-function: ease-out;
-  -webkit-animation: slide-out;
-  -webkit-animation-duration: 400ms;
-  -webkit-animation-timing-function: ease-out;
+  animation: slide-out;
+  animation-duration: 400ms;
+  animation-timing-function: ease-out;
 }
 .breadcrumbTrailItem.selected {
   background: linear-gradient(#E5E5E5 50%, #DADADA 55%);
 }
 .breadcrumbTrailItem:not(.selected):active:hover {
   background: linear-gradient(#F2F2F2 50%, #E6E6E6 55%);
 }
 .breadcrumbTrailItem.deleted {
-  -moz-transition: 400ms ease-out;
-  -moz-transition-property: opacity, margin-left;
-  -webkit-transition: 400ms ease-out;
-  -webkit-transition-property: opacity, margin-left;
+  transition: 400ms ease-out;
+  transition-property: opacity, margin-left;
   opacity: 0;
   margin-left: -270px;
 }
 .treeContainer {
   /*For asbolute position child*/
   position: relative;
 }
 .tree {
@@ -194,17 +199,16 @@ body {
   margin-left: 0;
 }
 #infoBar dd::after {
   content: "\a";
   white-space:pre;
 }
 .sideBar {
   -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 200px;
   height: 480px;
   overflow: auto;
   padding: 3px;
@@ -241,18 +245,16 @@ body {
   height: 100%;
 }
 .histogram {
   position: relative;
   height: 60px;
   right: 0;
   left: 0;
   border-bottom: 1px solid #CCC;
-  background: -moz-linear-gradient(#EEE, #CCC);
-  background: -webkit-linear-gradient(#EEE, #CCC);
   background: linear-gradient(#EEE, #CCC);
 }
 .histogramHilite {
   position: absolute;
   pointer-events: none;
 }
 .histogramHilite:not(.collapsed) {
   background: rgba(150, 150, 150, 0.5);
@@ -282,18 +284,16 @@ body {
 .fileListItem {
   display: block;
   margin: 0;
   padding: 0;
   height: 40px;
   text-indent: 8px;
 }
 .fileListItem.selected {
-  background: -moz-linear-gradient(#4B91D7 1px, #5FA9E4 1px, #5FA9E4 2px, #58A0DE 3px, #2B70C7 39px, #2763B4 39px);
-  background: -webkit-linear-gradient(#4B91D7 1px, #5FA9E4 1px, #5FA9E4 2px, #58A0DE 3px, #2B70C7 39px, #2763B4 39px);
   background: linear-gradient(#4B91D7 1px, #5FA9E4 1px, #5FA9E4 2px, #58A0DE 3px, #2B70C7 39px, #2763B4 39px);
   color: #FFF;
   text-shadow: 0 1px rgba(0, 0, 0, 0.3);
 }
 .fileListItemTitle {
   display: block;
   padding-top: 6px;
   font-size: 12px;
@@ -308,34 +308,31 @@ body {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   visibility: hidden;
   opacity: 0;
   pointer-events: none;
   background: rgba(120, 120, 120, 0.2);
-  -moz-transition: 200ms ease-in-out;
-  -moz-transition-property: visibility, opacity;
-  -webkit-transition: 200ms ease-in-out;
-  -webkit-transition-property: visibility, opacity;
+  transition: 200ms ease-in-out;
+  transition-property: visibility, opacity;
 }
 .busyCover.busy {
   visibility: visible;
   opacity: 1;
 }
 .busyCover::before {
   content: url(../images/throbber.svg);
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -12px;
 }
 label {
-  -webkit-user-select: none;
   -moz-user-select: none;
 }
 .videoPane {
   background-color: white;
   width: 100%;
 }
 .video {
   display: block;
deleted file mode 100755
deleted file mode 100755