mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-22 09:45:41 +00:00
84bf318644
Using fill instead of filter we don't need to define each icon as invertable or not. If the icon is a SVG and supports fill="context-fill" then it will be inverted/highlighted etc... as expected. If not then it won't be impacted by DevTools themes. MozReview-Commit-ID: CLFprKMuCt9 --HG-- extra : rebase_source : 391f3567c2bdf319dcfd0a3b0c87f0479f85eabd
102 lines
3.1 KiB
JavaScript
102 lines
3.1 KiB
JavaScript
/* 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/. */
|
|
|
|
"use strict";
|
|
|
|
const { Cc, Ci } = require("chrome");
|
|
|
|
loader.lazyRequireGetter(this, "ResponsiveUIManager", "devtools/client/responsive.html/manager", true);
|
|
|
|
const BRAND_SHORT_NAME = Cc["@mozilla.org/intl/stringbundle;1"]
|
|
.getService(Ci.nsIStringBundleService)
|
|
.createBundle("chrome://branding/locale/brand.properties")
|
|
.GetStringFromName("brandShortName");
|
|
|
|
const Services = require("Services");
|
|
const osString = Services.appinfo.OS;
|
|
const l10n = require("gcli/l10n");
|
|
|
|
exports.items = [
|
|
{
|
|
name: "resize",
|
|
description: l10n.lookup("resizeModeDesc")
|
|
},
|
|
{
|
|
item: "command",
|
|
runAt: "client",
|
|
name: "resize on",
|
|
description: l10n.lookup("resizeModeOnDesc"),
|
|
manual: l10n.lookupFormat("resizeModeManual2", [BRAND_SHORT_NAME]),
|
|
exec: resize
|
|
},
|
|
{
|
|
item: "command",
|
|
runAt: "client",
|
|
name: "resize off",
|
|
description: l10n.lookup("resizeModeOffDesc"),
|
|
manual: l10n.lookupFormat("resizeModeManual2", [BRAND_SHORT_NAME]),
|
|
exec: resize
|
|
},
|
|
{
|
|
item: "command",
|
|
runAt: "client",
|
|
name: "resize toggle",
|
|
buttonId: "command-button-responsive",
|
|
buttonClass: "command-button",
|
|
tooltipText: l10n.lookupFormat(
|
|
"resizeModeToggleTooltip2",
|
|
[(osString == "Darwin" ? "Cmd+Opt+M" : "Ctrl+Shift+M")]
|
|
),
|
|
description: l10n.lookup("resizeModeToggleDesc"),
|
|
manual: l10n.lookupFormat("resizeModeManual2", [BRAND_SHORT_NAME]),
|
|
state: {
|
|
isChecked: function (target) {
|
|
if (!target.tab) {
|
|
return false;
|
|
}
|
|
return ResponsiveUIManager.isActiveForTab(target.tab);
|
|
},
|
|
onChange: function (target, changeHandler) {
|
|
if (target.tab) {
|
|
ResponsiveUIManager.on("on", changeHandler);
|
|
ResponsiveUIManager.on("off", changeHandler);
|
|
}
|
|
},
|
|
offChange: function (target, changeHandler) {
|
|
// Do not check for target.tab as it may already be null during destroy
|
|
ResponsiveUIManager.off("on", changeHandler);
|
|
ResponsiveUIManager.off("off", changeHandler);
|
|
},
|
|
},
|
|
exec: resize
|
|
},
|
|
{
|
|
item: "command",
|
|
runAt: "client",
|
|
name: "resize to",
|
|
description: l10n.lookup("resizeModeToDesc"),
|
|
params: [
|
|
{
|
|
name: "width",
|
|
type: "number",
|
|
description: l10n.lookup("resizePageArgWidthDesc"),
|
|
},
|
|
{
|
|
name: "height",
|
|
type: "number",
|
|
description: l10n.lookup("resizePageArgHeightDesc"),
|
|
},
|
|
],
|
|
exec: resize
|
|
}
|
|
];
|
|
|
|
function* resize(args, context) {
|
|
let browserWindow = context.environment.chromeWindow;
|
|
yield ResponsiveUIManager.handleGcliCommand(browserWindow,
|
|
browserWindow.gBrowser.selectedTab,
|
|
this.name,
|
|
args);
|
|
}
|