Bug 1155661 - 1 - Rename toolbar to global-toolbar; r=zer0

--HG--
extra : commitid : 9ZuxvQRBfXi
extra : rebase_source : 7b28c519530857f72e9e12deba5ab526eec8539e
This commit is contained in:
Patrick Brosset 2015-09-10 11:11:05 +02:00
parent 3e9e2d5bdc
commit ff259011c1
4 changed files with 7 additions and 7 deletions

View File

@ -15,7 +15,7 @@
<script type="application/javascript;version=1.8" src="chrome://browser/content/devtools/theme-switching.js"/>
</head>
<body class="theme-sidebar devtools-monospace" role="application">
<div id="toolbar" class="theme-toolbar">
<div id="global-toolbar" class="theme-toolbar">
<span class="label">&allAnimations;</span>
<button id="toggle-all" standalone="true" class="devtools-button"></button>
</div>

View File

@ -41,9 +41,9 @@ var AnimationsPanel = {
this.toggleAllButtonEl = document.querySelector("#toggle-all");
// If the server doesn't support toggling all animations at once, hide the
// whole bottom toolbar.
// whole global toolbar.
if (!AnimationsController.traits.hasToggleAll) {
document.querySelector("#toolbar").style.display = "none";
document.querySelector("#global-toolbar").style.display = "none";
}
let hUtils = gToolbox.highlighterUtils;

View File

@ -12,7 +12,7 @@ add_task(function*() {
let {inspector, window} = yield openAnimationInspector();
let doc = window.document;
let toolbar = doc.querySelector("#toolbar");
let toolbar = doc.querySelector("#global-toolbar");
ok(toolbar, "The panel contains the toolbar element");
ok(toolbar.querySelector("#toggle-all"), "The toolbar contains the toggle button");
ok(isNodeVisible(toolbar), "The toolbar is visible");
@ -20,7 +20,7 @@ add_task(function*() {
info("Select an animated node");
yield selectNode(".animated", inspector);
toolbar = doc.querySelector("#toolbar");
toolbar = doc.querySelector("#global-toolbar");
ok(toolbar, "The panel still contains the toolbar element");
ok(isNodeVisible(toolbar), "The toolbar is still visible");
});

View File

@ -37,7 +37,7 @@ body {
/* The top toolbar, containing the toggle-all button */
#toolbar {
#global-toolbar {
border-bottom: 1px solid var(--theme-splitter-color);
display: flex;
flex-direction: row;
@ -46,7 +46,7 @@ body {
height: var(--toolbar-height);
}
#toolbar .label {
#global-toolbar .label {
padding: 1px 4px;
}