mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-19 16:25:38 +00:00
Bug 1155661 - 1 - Rename toolbar to global-toolbar; r=zer0
--HG-- extra : commitid : 9ZuxvQRBfXi extra : rebase_source : 7b28c519530857f72e9e12deba5ab526eec8539e
This commit is contained in:
parent
3e9e2d5bdc
commit
ff259011c1
@ -15,7 +15,7 @@
|
|||||||
<script type="application/javascript;version=1.8" src="chrome://browser/content/devtools/theme-switching.js"/>
|
<script type="application/javascript;version=1.8" src="chrome://browser/content/devtools/theme-switching.js"/>
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-sidebar devtools-monospace" role="application">
|
<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>
|
<span class="label">&allAnimations;</span>
|
||||||
<button id="toggle-all" standalone="true" class="devtools-button"></button>
|
<button id="toggle-all" standalone="true" class="devtools-button"></button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -41,9 +41,9 @@ var AnimationsPanel = {
|
|||||||
this.toggleAllButtonEl = document.querySelector("#toggle-all");
|
this.toggleAllButtonEl = document.querySelector("#toggle-all");
|
||||||
|
|
||||||
// If the server doesn't support toggling all animations at once, hide the
|
// If the server doesn't support toggling all animations at once, hide the
|
||||||
// whole bottom toolbar.
|
// whole global toolbar.
|
||||||
if (!AnimationsController.traits.hasToggleAll) {
|
if (!AnimationsController.traits.hasToggleAll) {
|
||||||
document.querySelector("#toolbar").style.display = "none";
|
document.querySelector("#global-toolbar").style.display = "none";
|
||||||
}
|
}
|
||||||
|
|
||||||
let hUtils = gToolbox.highlighterUtils;
|
let hUtils = gToolbox.highlighterUtils;
|
||||||
|
@ -12,7 +12,7 @@ add_task(function*() {
|
|||||||
let {inspector, window} = yield openAnimationInspector();
|
let {inspector, window} = yield openAnimationInspector();
|
||||||
let doc = window.document;
|
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, "The panel contains the toolbar element");
|
||||||
ok(toolbar.querySelector("#toggle-all"), "The toolbar contains the toggle button");
|
ok(toolbar.querySelector("#toggle-all"), "The toolbar contains the toggle button");
|
||||||
ok(isNodeVisible(toolbar), "The toolbar is visible");
|
ok(isNodeVisible(toolbar), "The toolbar is visible");
|
||||||
@ -20,7 +20,7 @@ add_task(function*() {
|
|||||||
info("Select an animated node");
|
info("Select an animated node");
|
||||||
yield selectNode(".animated", inspector);
|
yield selectNode(".animated", inspector);
|
||||||
|
|
||||||
toolbar = doc.querySelector("#toolbar");
|
toolbar = doc.querySelector("#global-toolbar");
|
||||||
ok(toolbar, "The panel still contains the toolbar element");
|
ok(toolbar, "The panel still contains the toolbar element");
|
||||||
ok(isNodeVisible(toolbar), "The toolbar is still visible");
|
ok(isNodeVisible(toolbar), "The toolbar is still visible");
|
||||||
});
|
});
|
||||||
|
@ -37,7 +37,7 @@ body {
|
|||||||
|
|
||||||
/* The top toolbar, containing the toggle-all button */
|
/* The top toolbar, containing the toggle-all button */
|
||||||
|
|
||||||
#toolbar {
|
#global-toolbar {
|
||||||
border-bottom: 1px solid var(--theme-splitter-color);
|
border-bottom: 1px solid var(--theme-splitter-color);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@ -46,7 +46,7 @@ body {
|
|||||||
height: var(--toolbar-height);
|
height: var(--toolbar-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
#toolbar .label {
|
#global-toolbar .label {
|
||||||
padding: 1px 4px;
|
padding: 1px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user