Bug 822110 - filter.png, noise.png and showall.png in browser/devtools/profiler/cleopatra/images are empty. r=robcee r=bgirard

This commit is contained in:
Anton Kovalyov 2013-01-04 12:57:02 +01:00
parent 2bc7476007
commit 782ae1b2bc
6 changed files with 32 additions and 48 deletions

View File

@ -40,9 +40,7 @@ browser.jar:
content/browser/devtools/profiler/cleopatra/js/ProgressReporter.js (profiler/cleopatra/js/ProgressReporter.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/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/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/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/throbber.svg (profiler/cleopatra/images/throbber.svg)
content/browser/devtools/profiler/cleopatra/images/treetwisty.svg (profiler/cleopatra/images/treetwisty.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/commandline.css (commandline/commandline.css)

View File

@ -17,8 +17,6 @@
<script src="profiler/cleopatra/js/ui.js"></script> <script src="profiler/cleopatra/js/ui.js"></script>
<script src="profiler/cleopatra/js/ProgressReporter.js"></script> <script src="profiler/cleopatra/js/ProgressReporter.js"></script>
<script src="profiler/cleopatra/js/devtools.js"></script> <script src="profiler/cleopatra/js/devtools.js"></script>
<link rel="shortcut icon" href="favicon.png" />
</head> </head>
<body onload="notifyParent('loaded');"> <body onload="notifyParent('loaded');">

View File

@ -4,7 +4,6 @@
.treeViewContainer { .treeViewContainer {
-moz-user-select: none; -moz-user-select: none;
-webkit-user-select: none;
user-select: none; user-select: none;
cursor: default; cursor: default;
line-height: 16px; line-height: 16px;
@ -26,8 +25,6 @@
.treeColumnHeader { .treeColumnHeader {
position: absolute; position: absolute;
display: block; 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%); background: linear-gradient(#FFF 45%, #EEE 60%);
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -93,17 +90,11 @@
.treeViewVerticalScrollbox, .treeViewVerticalScrollbox,
.treeViewHorizontalScrollbox { .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: linear-gradient(white, white 50%, #F0F5FF 50%, #F0F5FF);
background-size: 100px 32px; background-size: 100px 32px;
} }
.leftColumnBackground { .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), background: linear-gradient(left, transparent, transparent 98px, #CCC 98px, #CCC 99px, transparent 99px),
linear-gradient(white, white 50%, #F0F5FF 50%, #F0F5FF); linear-gradient(white, white 50%, #F0F5FF 50%, #F0F5FF);
background-size: auto, 100px 32px; background-size: auto, 100px 32px;

View File

@ -31,10 +31,6 @@ body {
.profileProgressPane { .profileProgressPane {
padding: 20px; padding: 20px;
background-color: rgb(229,229,229); 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), background-image: url(../images/noise.png),
linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.2)); linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.2));
text-shadow: rgba(255, 255, 255, 0.4) 0 1px; text-shadow: rgba(255, 255, 255, 0.4) 0 1px;
@ -62,22 +58,39 @@ body {
height: 16px; height: 16px;
} }
.finishedProfilePaneBackgroundCover { .finishedProfilePaneBackgroundCover {
-webkit-animation: darken 300ms cubic-bezier(0, 0, 1, 0); animation: darken 300ms cubic-bezier(0, 0, 1, 0);
-moz-animation: darken 300ms cubic-bezier(0, 0, 1, 0);
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
} }
.finishedProfilePane { .finishedProfilePane {
-webkit-animation: appear 300ms ease-out; animation: appear 300ms ease-out;
-moz-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 { .breadcrumbTrail {
top: 0; top: 0;
right: 0; right: 0;
height: 29px; height: 29px;
left: 0; 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%); background: linear-gradient(#FFF 50%, #F3F3F3 55%);
border-bottom: 1px solid #CCC; border-bottom: 1px solid #CCC;
margin: 0; margin: 0;
@ -85,8 +98,6 @@ body {
overflow: hidden; overflow: hidden;
} }
.breadcrumbTrailItem { .breadcrumbTrailItem {
background: -moz-linear-gradient(#FFF 50%, #F3F3F3 55%);
background: -webkit-linear-gradient(#FFF 50%, #F3F3F3 55%);
background: linear-gradient(#FFF 50%, #F3F3F3 55%); background: linear-gradient(#FFF 50%, #F3F3F3 55%);
display: block; display: block;
margin: 0; margin: 0;
@ -96,7 +107,6 @@ body {
padding: 0 10px; padding: 0 10px;
font-size: 12px; font-size: 12px;
-moz-user-select: none; -moz-user-select: none;
-webkit-user-select: none;
user-select: none; user-select: none;
cursor: default; cursor: default;
border-right: 1px solid #CCC; border-right: 1px solid #CCC;
@ -106,7 +116,7 @@ body {
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
} }
@-webkit-keyframes slide-out { @keyframes slide-out {
from { from {
margin-left: -270px; margin-left: -270px;
opacity: 0; opacity: 0;
@ -116,7 +126,7 @@ body {
opacity: 1; opacity: 1;
} }
} }
@-moz-keyframes slide-out { @keyframes slide-out {
from { from {
margin-left: -270px; margin-left: -270px;
opacity: 0; opacity: 0;
@ -127,12 +137,9 @@ body {
} }
} }
.breadcrumbTrailItem:not(:first-child) { .breadcrumbTrailItem:not(:first-child) {
-moz-animation: slide-out; animation: slide-out;
-moz-animation-duration: 400ms; animation-duration: 400ms;
-moz-animation-timing-function: ease-out; animation-timing-function: ease-out;
-webkit-animation: slide-out;
-webkit-animation-duration: 400ms;
-webkit-animation-timing-function: ease-out;
} }
.breadcrumbTrailItem.selected { .breadcrumbTrailItem.selected {
background: linear-gradient(#E5E5E5 50%, #DADADA 55%); background: linear-gradient(#E5E5E5 50%, #DADADA 55%);
@ -141,10 +148,8 @@ body {
background: linear-gradient(#F2F2F2 50%, #E6E6E6 55%); background: linear-gradient(#F2F2F2 50%, #E6E6E6 55%);
} }
.breadcrumbTrailItem.deleted { .breadcrumbTrailItem.deleted {
-moz-transition: 400ms ease-out; transition: 400ms ease-out;
-moz-transition-property: opacity, margin-left; transition-property: opacity, margin-left;
-webkit-transition: 400ms ease-out;
-webkit-transition-property: opacity, margin-left;
opacity: 0; opacity: 0;
margin-left: -270px; margin-left: -270px;
} }
@ -199,7 +204,6 @@ body {
} }
.sideBar { .sideBar {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;
left: 0; left: 0;
@ -246,8 +250,6 @@ body {
right: 0; right: 0;
left: 0; left: 0;
border-bottom: 1px solid #CCC; border-bottom: 1px solid #CCC;
background: -moz-linear-gradient(#EEE, #CCC);
background: -webkit-linear-gradient(#EEE, #CCC);
background: linear-gradient(#EEE, #CCC); background: linear-gradient(#EEE, #CCC);
} }
.histogramHilite { .histogramHilite {
@ -287,8 +289,6 @@ body {
text-indent: 8px; text-indent: 8px;
} }
.fileListItem.selected { .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); background: linear-gradient(#4B91D7 1px, #5FA9E4 1px, #5FA9E4 2px, #58A0DE 3px, #2B70C7 39px, #2763B4 39px);
color: #FFF; color: #FFF;
text-shadow: 0 1px rgba(0, 0, 0, 0.3); text-shadow: 0 1px rgba(0, 0, 0, 0.3);
@ -313,10 +313,8 @@ body {
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
background: rgba(120, 120, 120, 0.2); background: rgba(120, 120, 120, 0.2);
-moz-transition: 200ms ease-in-out; transition: 200ms ease-in-out;
-moz-transition-property: visibility, opacity; transition-property: visibility, opacity;
-webkit-transition: 200ms ease-in-out;
-webkit-transition-property: visibility, opacity;
} }
.busyCover.busy { .busyCover.busy {
visibility: visible; visibility: visible;
@ -330,7 +328,6 @@ body {
margin: -12px; margin: -12px;
} }
label { label {
-webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
} }
.videoPane { .videoPane {