Merge fx-team to m-c.
|
@ -92,39 +92,6 @@ Object.freeze(SessionFile);
|
|||
/**
|
||||
* Utilities for dealing with promises and Task.jsm
|
||||
*/
|
||||
const TaskUtils = {
|
||||
/**
|
||||
* Add logging to a promise.
|
||||
*
|
||||
* @param {Promise} promise
|
||||
* @return {Promise} A promise behaving as |promise|, but with additional
|
||||
* logging in case of uncaught error.
|
||||
*/
|
||||
captureErrors: function captureErrors(promise) {
|
||||
return promise.then(
|
||||
null,
|
||||
function onError(reason) {
|
||||
console.error("Uncaught asynchronous error", reason, "at", reason.stack);
|
||||
throw reason;
|
||||
}
|
||||
);
|
||||
},
|
||||
/**
|
||||
* Spawn a new Task from a generator.
|
||||
*
|
||||
* This function behaves as |Task.spawn|, with the exception that it
|
||||
* adds logging in case of uncaught error. For more information, see
|
||||
* the documentation of |Task.jsm|.
|
||||
*
|
||||
* @param {generator} gen Some generator.
|
||||
* @return {Promise} A promise built from |gen|, with the same semantics
|
||||
* as |Task.spawn(gen)|.
|
||||
*/
|
||||
spawn: function spawn(gen) {
|
||||
return this.captureErrors(Task.spawn(gen));
|
||||
}
|
||||
};
|
||||
|
||||
let SessionFileInternal = {
|
||||
/**
|
||||
* The path to sessionstore.js
|
||||
|
@ -168,7 +135,7 @@ let SessionFileInternal = {
|
|||
isFinalWrite = this._isClosed = true;
|
||||
}
|
||||
|
||||
return this._latestWrite = TaskUtils.spawn(function task() {
|
||||
return this._latestWrite = Task.spawn(function task() {
|
||||
TelemetryStopwatch.start("FX_SESSION_RESTORE_WRITE_FILE_LONGEST_OP_MS", refObj);
|
||||
|
||||
try {
|
||||
|
|
|
@ -1035,6 +1035,11 @@ let SessionStoreInternal = {
|
|||
winData._shouldRestore = true;
|
||||
#endif
|
||||
|
||||
// Store the window's close date to figure out when each individual tab
|
||||
// was closed. This timestamp should allow re-arranging data based on how
|
||||
// recently something was closed.
|
||||
winData.closedAt = Date.now();
|
||||
|
||||
// Save the window if it has multiple tabs or a single saveable tab and
|
||||
// it's not private.
|
||||
if (!winData.isPrivate && (winData.tabs.length > 1 ||
|
||||
|
@ -1348,7 +1353,8 @@ let SessionStoreInternal = {
|
|||
state: tabState,
|
||||
title: tabTitle,
|
||||
image: tabbrowser.getIcon(aTab),
|
||||
pos: aTab._tPos
|
||||
pos: aTab._tPos,
|
||||
closedAt: Date.now()
|
||||
});
|
||||
var length = this._windows[aWindow.__SSi]._closedTabs.length;
|
||||
if (length > this._max_tabs_undo)
|
||||
|
|
|
@ -130,6 +130,7 @@ SourcesView.prototype = Heritage.extend(WidgetMethods, {
|
|||
let group = SourceUtils.getSourceGroup(url.split(" -> ").pop());
|
||||
|
||||
let contents = document.createElement("label");
|
||||
contents.className = "plain dbg-source-item";
|
||||
contents.setAttribute("value", label);
|
||||
contents.setAttribute("crop", "start");
|
||||
contents.setAttribute("flex", "1");
|
||||
|
@ -1892,13 +1893,7 @@ VariableBubbleView.prototype = {
|
|||
});
|
||||
}
|
||||
|
||||
// Calculate the x, y coordinates for the variable bubble anchor.
|
||||
let identifierCenter = { line: line - 1, ch: column + length / 2 };
|
||||
let anchor = editor.getCoordsFromPosition(identifierCenter);
|
||||
|
||||
this._tooltip.defaultOffsetX = anchor.left + EDITOR_VARIABLE_POPUP_OFFSET_X;
|
||||
this._tooltip.defaultOffsetY = anchor.top + EDITOR_VARIABLE_POPUP_OFFSET_Y;
|
||||
this._tooltip.show(this._editorContainer);
|
||||
this._tooltip.show(this._markedText.anchor);
|
||||
},
|
||||
|
||||
/**
|
||||
|
@ -2261,7 +2256,6 @@ EventListenersView.prototype = Heritage.extend(WidgetMethods, {
|
|||
dumpn("Initializing the EventListenersView");
|
||||
|
||||
this.widget = new SideMenuWidget(document.getElementById("event-listeners"), {
|
||||
theme: "light",
|
||||
showItemCheckboxes: true,
|
||||
showGroupCheckboxes: true
|
||||
});
|
||||
|
@ -3065,7 +3059,7 @@ LineResults.prototype = {
|
|||
lineNumberNode.setAttribute("value", this.line + 1);
|
||||
|
||||
let lineContentsNode = document.createElement("hbox");
|
||||
lineContentsNode.className = "light list-widget-item dbg-results-line-contents";
|
||||
lineContentsNode.className = "dbg-results-line-contents";
|
||||
lineContentsNode.classList.add("devtools-monospace");
|
||||
lineContentsNode.setAttribute("flex", "1");
|
||||
|
||||
|
|
|
@ -569,9 +569,7 @@ StackFramesClassicListView.prototype = Heritage.extend(WidgetMethods, {
|
|||
initialize: function() {
|
||||
dumpn("Initializing the StackFramesClassicListView");
|
||||
|
||||
this.widget = new SideMenuWidget(document.getElementById("callstack-list"), {
|
||||
theme: "light"
|
||||
});
|
||||
this.widget = new SideMenuWidget(document.getElementById("callstack-list"));
|
||||
this.widget.addEventListener("select", this._onSelect, false);
|
||||
|
||||
this.emptyText = L10N.getStr("noStackFramesText");
|
||||
|
@ -868,7 +866,6 @@ FilterView.prototype = {
|
|||
if (!aToken) {
|
||||
return;
|
||||
}
|
||||
|
||||
DebuggerView.editor.find(aToken);
|
||||
},
|
||||
|
||||
|
@ -1000,6 +997,9 @@ FilterView.prototype = {
|
|||
} else if (targetView.hidden) {
|
||||
targetView.scheduleSearch(args[0], 0);
|
||||
} else {
|
||||
if (!targetView.selectedItem) {
|
||||
targetView.selectedIndex = 0;
|
||||
}
|
||||
this.clearSearch();
|
||||
}
|
||||
return;
|
||||
|
@ -1023,6 +1023,9 @@ FilterView.prototype = {
|
|||
} else if (targetView.hidden) {
|
||||
targetView.scheduleSearch(args[0], 0);
|
||||
} else {
|
||||
if (!targetView.selectedItem) {
|
||||
targetView.selectedIndex = 0;
|
||||
}
|
||||
this.clearSearch();
|
||||
}
|
||||
return;
|
||||
|
@ -1258,8 +1261,11 @@ FilteredSourcesView.prototype = Heritage.extend(ResultsPanelContainer.prototype,
|
|||
});
|
||||
}
|
||||
|
||||
// Select the first entry in this container.
|
||||
this.selectedIndex = 0;
|
||||
// There's at least one item displayed in this container. Don't select it
|
||||
// automatically if not forced (by tests) or in tandem with an operator.
|
||||
if (this._autoSelectFirstItem || DebuggerView.Filtering.searchOperator) {
|
||||
this.selectedIndex = 0;
|
||||
}
|
||||
this.hidden = false;
|
||||
|
||||
// Signal that file search matches were found and displayed.
|
||||
|
@ -1459,8 +1465,11 @@ FilteredFunctionsView.prototype = Heritage.extend(ResultsPanelContainer.prototyp
|
|||
});
|
||||
}
|
||||
|
||||
// Select the first entry in this container.
|
||||
this.selectedIndex = 0;
|
||||
// There's at least one item displayed in this container. Don't select it
|
||||
// automatically if not forced (by tests).
|
||||
if (this._autoSelectFirstItem) {
|
||||
this.selectedIndex = 0;
|
||||
}
|
||||
this.hidden = false;
|
||||
|
||||
// Signal that function search matches were found and displayed.
|
||||
|
|
|
@ -27,9 +27,7 @@ const SEARCH_TOKEN_FLAG = "#";
|
|||
const SEARCH_LINE_FLAG = ":";
|
||||
const SEARCH_VARIABLE_FLAG = "*";
|
||||
const EDITOR_VARIABLE_HOVER_DELAY = 350; // ms
|
||||
const EDITOR_VARIABLE_POPUP_OFFSET_X = 5; // px
|
||||
const EDITOR_VARIABLE_POPUP_OFFSET_Y = 0; // px
|
||||
const EDITOR_VARIABLE_POPUP_POSITION = "before_start";
|
||||
const EDITOR_VARIABLE_POPUP_POSITION = "topcenter bottomleft";
|
||||
|
||||
/**
|
||||
* Object defining the debugger view components.
|
||||
|
@ -682,7 +680,7 @@ ResultsPanelContainer.prototype = Heritage.extend(WidgetMethods, {
|
|||
if (aNode) {
|
||||
if (!this._panel) {
|
||||
this._panel = document.createElement("panel");
|
||||
this._panel.className = "results-panel";
|
||||
this._panel.id = "results-panel";
|
||||
this._panel.setAttribute("level", "top");
|
||||
this._panel.setAttribute("noautofocus", "true");
|
||||
this._panel.setAttribute("consumeoutsideclicks", "false");
|
||||
|
@ -690,6 +688,8 @@ ResultsPanelContainer.prototype = Heritage.extend(WidgetMethods, {
|
|||
}
|
||||
if (!this.widget) {
|
||||
this.widget = new SimpleListWidget(this._panel);
|
||||
this.autoFocusOnFirstItem = false;
|
||||
this.autoFocusOnSelection = false;
|
||||
this.maintainSelectionVisible = false;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -300,7 +300,10 @@
|
|||
command="removeAllWatchExpressionsCommand"/>
|
||||
</keyset>
|
||||
|
||||
<vbox id="body" layout="horizontal" flex="1" class="theme-body">
|
||||
<vbox id="body"
|
||||
class="theme-body"
|
||||
layout="horizontal"
|
||||
flex="1">
|
||||
<toolbar id="debugger-toolbar"
|
||||
class="devtools-toolbar">
|
||||
<hbox id="debugger-controls">
|
||||
|
@ -396,19 +399,23 @@
|
|||
</tabbox>
|
||||
<splitter id="sources-and-editor-splitter"
|
||||
class="devtools-side-splitter"/>
|
||||
<deck id="editor-deck" flex="4">
|
||||
<deck id="editor-deck" flex="1">
|
||||
<vbox id="editor"/>
|
||||
<vbox id="black-boxed-message" align="center" pack="center">
|
||||
<label id="black-boxed-message-label">
|
||||
<vbox id="black-boxed-message"
|
||||
align="center"
|
||||
pack="center">
|
||||
<description id="black-boxed-message-label">
|
||||
&debuggerUI.blackBoxMessage.label;
|
||||
</label>
|
||||
</description>
|
||||
<button id="black-boxed-message-button"
|
||||
class="devtools-toolbarbutton"
|
||||
label="&debuggerUI.blackBoxMessage.unBlackBoxButton;"
|
||||
image="chrome://browser/skin/devtools/debugger-blackboxMessageEye.png"
|
||||
command="unBlackBoxCommand"/>
|
||||
</vbox>
|
||||
<vbox id="source-progress-container" align="center" pack="center">
|
||||
<vbox id="source-progress-container"
|
||||
align="center"
|
||||
pack="center">
|
||||
<progressmeter id="source-progress"
|
||||
mode="undetermined"/>
|
||||
</vbox>
|
||||
|
@ -423,12 +430,12 @@
|
|||
<tab id="events-tab" label="&debuggerUI.tabs.events;"/>
|
||||
</tabs>
|
||||
<tabpanels flex="1">
|
||||
<tabpanel id="variables-tabpanel" class="theme-body">
|
||||
<tabpanel id="variables-tabpanel">
|
||||
<vbox id="expressions"/>
|
||||
<splitter class="devtools-horizontal-splitter"/>
|
||||
<vbox id="variables" flex="1"/>
|
||||
</tabpanel>
|
||||
<tabpanel id="events-tabpanel" class="theme-body">
|
||||
<tabpanel id="events-tabpanel">
|
||||
<vbox id="event-listeners" flex="1"/>
|
||||
</tabpanel>
|
||||
</tabpanels>
|
||||
|
|
|
@ -175,6 +175,7 @@ support-files =
|
|||
[browser_dbg_search-global-04.js]
|
||||
[browser_dbg_search-global-05.js]
|
||||
[browser_dbg_search-global-06.js]
|
||||
[browser_dbg_search-popup-jank.js]
|
||||
[browser_dbg_search-sources-01.js]
|
||||
[browser_dbg_search-sources-02.js]
|
||||
[browser_dbg_search-sources-03.js]
|
||||
|
|
|
@ -0,0 +1,118 @@
|
|||
/* Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/ */
|
||||
|
||||
/**
|
||||
* Tests that sources aren't selected by default when finding a match.
|
||||
*/
|
||||
|
||||
const TAB_URL = EXAMPLE_URL + "doc_editor-mode.html";
|
||||
|
||||
let gTab, gDebuggee, gPanel, gDebugger;
|
||||
let gSearchBox;
|
||||
|
||||
function test() {
|
||||
initDebugger(TAB_URL).then(([aTab, aDebuggee, aPanel]) => {
|
||||
gTab = aTab;
|
||||
gDebuggee = aDebuggee;
|
||||
gPanel = aPanel;
|
||||
gDebugger = gPanel.panelWin;
|
||||
gSearchBox = gDebugger.DebuggerView.Filtering._searchbox;
|
||||
|
||||
gDebugger.DebuggerView.FilteredSources._autoSelectFirstItem = false;
|
||||
gDebugger.DebuggerView.FilteredFunctions._autoSelectFirstItem = false;
|
||||
|
||||
waitForSourceShown(gPanel, "-01.js")
|
||||
.then(superGenericFileSearch)
|
||||
.then(() => ensureSourceIs(aPanel, "-01.js"))
|
||||
.then(() => ensureCaretAt(aPanel, 1))
|
||||
|
||||
.then(superAccurateFileSearch)
|
||||
.then(() => ensureSourceIs(aPanel, "-01.js"))
|
||||
.then(() => ensureCaretAt(aPanel, 1))
|
||||
.then(() => pressKeyToHide("RETURN"))
|
||||
.then(() => ensureSourceIs(aPanel, "code_test-editor-mode", true))
|
||||
.then(() => ensureCaretAt(aPanel, 1))
|
||||
|
||||
.then(superGenericFileSearch)
|
||||
.then(() => ensureSourceIs(aPanel, "code_test-editor-mode"))
|
||||
.then(() => ensureCaretAt(aPanel, 1))
|
||||
.then(() => pressKey("UP"))
|
||||
.then(() => ensureSourceIs(aPanel, "doc_editor-mode", true))
|
||||
.then(() => ensureCaretAt(aPanel, 1))
|
||||
.then(() => pressKeyToHide("RETURN"))
|
||||
.then(() => ensureSourceIs(aPanel, "doc_editor-mode"))
|
||||
.then(() => ensureCaretAt(aPanel, 1))
|
||||
|
||||
.then(superAccurateFileSearch)
|
||||
.then(() => ensureSourceIs(aPanel, "doc_editor-mode"))
|
||||
.then(() => ensureCaretAt(aPanel, 1))
|
||||
.then(() => typeText(gSearchBox, ":"))
|
||||
.then(() => ensureSourceIs(aPanel, "code_test-editor-mode", true))
|
||||
.then(() => ensureCaretAt(aPanel, 1))
|
||||
.then(() => typeText(gSearchBox, "5"))
|
||||
.then(() => ensureSourceIs(aPanel, "code_test-editor-mode"))
|
||||
.then(() => ensureCaretAt(aPanel, 5))
|
||||
.then(() => pressKey("DOWN"))
|
||||
.then(() => ensureSourceIs(aPanel, "code_test-editor-mode"))
|
||||
.then(() => ensureCaretAt(aPanel, 6))
|
||||
|
||||
.then(superGenericFunctionSearch)
|
||||
.then(() => ensureSourceIs(aPanel, "code_test-editor-mode"))
|
||||
.then(() => ensureCaretAt(aPanel, 6))
|
||||
.then(() => pressKey("RETURN"))
|
||||
.then(() => ensureSourceIs(aPanel, "code_test-editor-mode"))
|
||||
.then(() => ensureCaretAt(aPanel, 4, 10))
|
||||
|
||||
.then(() => closeDebuggerAndFinish(gPanel))
|
||||
.then(null, aError => {
|
||||
ok(false, "Got an error: " + aError.message + "\n" + aError.stack);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function waitForMatchFoundAndResultsShown(aName) {
|
||||
return promise.all([
|
||||
once(gDebugger, "popupshown"),
|
||||
waitForDebuggerEvents(gPanel, gDebugger.EVENTS[aName])
|
||||
]);
|
||||
}
|
||||
|
||||
function waitForResultsHidden() {
|
||||
return once(gDebugger, "popuphidden");
|
||||
}
|
||||
|
||||
function superGenericFunctionSearch() {
|
||||
let finished = waitForMatchFoundAndResultsShown("FUNCTION_SEARCH_MATCH_FOUND");
|
||||
setText(gSearchBox, "@");
|
||||
return finished;
|
||||
}
|
||||
|
||||
function superGenericFileSearch() {
|
||||
let finished = waitForMatchFoundAndResultsShown("FILE_SEARCH_MATCH_FOUND");
|
||||
setText(gSearchBox, ".");
|
||||
return finished;
|
||||
}
|
||||
|
||||
function superAccurateFileSearch() {
|
||||
let finished = waitForMatchFoundAndResultsShown("FILE_SEARCH_MATCH_FOUND");
|
||||
setText(gSearchBox, "editor");
|
||||
return finished;
|
||||
}
|
||||
|
||||
function pressKey(aKey) {
|
||||
EventUtils.sendKey(aKey, gDebugger);
|
||||
}
|
||||
|
||||
function pressKeyToHide(aKey) {
|
||||
let finished = waitForResultsHidden();
|
||||
EventUtils.sendKey(aKey, gDebugger);
|
||||
return finished;
|
||||
}
|
||||
|
||||
registerCleanupFunction(function() {
|
||||
gTab = null;
|
||||
gDebuggee = null;
|
||||
gPanel = null;
|
||||
gDebugger = null;
|
||||
gSearchBox = null;
|
||||
});
|
|
@ -506,9 +506,11 @@ function initChromeDebugger(aOnClose) {
|
|||
|
||||
function prepareDebugger(aDebugger) {
|
||||
if ("target" in aDebugger) {
|
||||
let variables = aDebugger.panelWin.DebuggerView.Variables;
|
||||
variables.lazyEmpty = false;
|
||||
variables.lazySearch = false;
|
||||
let view = aDebugger.panelWin.DebuggerView;
|
||||
view.Variables.lazyEmpty = false;
|
||||
view.Variables.lazySearch = false;
|
||||
view.FilteredSources._autoSelectFirstItem = true;
|
||||
view.FilteredFunctions._autoSelectFirstItem = true;
|
||||
} else {
|
||||
// Nothing to do here yet.
|
||||
}
|
||||
|
|
|
@ -46,3 +46,4 @@ support-files =
|
|||
[browser_inspector_sidebarstate.js]
|
||||
[browser_inspector_bug_848731_reset_selection_on_delete.js]
|
||||
[browser_inspector_bug_922125_destroy_on_navigate.js]
|
||||
[browser_inspector_bug_952294_tooltips_dimensions.js]
|
||||
|
|
|
@ -0,0 +1,175 @@
|
|||
/* vim: set ts=2 et sw=2 tw=80: */
|
||||
/* Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/ */
|
||||
"use strict";
|
||||
|
||||
let contentDoc;
|
||||
let inspector;
|
||||
let ruleView;
|
||||
let markupView;
|
||||
|
||||
const PAGE_CONTENT = [
|
||||
'<style type="text/css">',
|
||||
' div {',
|
||||
' width: 300px;height: 300px;border-radius: 50%;',
|
||||
' transform: skew(45deg);',
|
||||
' background: red url(chrome://global/skin/icons/warning-64.png);',
|
||||
' }',
|
||||
'</style>',
|
||||
'<div></div>'
|
||||
].join("\n");
|
||||
|
||||
function test() {
|
||||
waitForExplicitFinish();
|
||||
|
||||
gBrowser.selectedTab = gBrowser.addTab();
|
||||
gBrowser.selectedBrowser.addEventListener("load", function onload(evt) {
|
||||
gBrowser.selectedBrowser.removeEventListener("load", onload, true);
|
||||
contentDoc = content.document;
|
||||
waitForFocus(createDocument, content);
|
||||
}, true);
|
||||
|
||||
content.location = "data:text/html,tooltip dimension test";
|
||||
}
|
||||
|
||||
function createDocument() {
|
||||
contentDoc.body.innerHTML = PAGE_CONTENT;
|
||||
|
||||
openInspector(aInspector => {
|
||||
inspector = aInspector;
|
||||
markupView = inspector.markup;
|
||||
|
||||
inspector.sidebar.once("ruleview-ready", function() {
|
||||
ruleView = inspector.sidebar.getWindowForTab("ruleview").ruleview.view;
|
||||
inspector.sidebar.select("ruleview");
|
||||
startTests();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function endTests() {
|
||||
contentDoc = inspector = ruleView = markupView = null;
|
||||
gBrowser.removeCurrentTab();
|
||||
finish();
|
||||
}
|
||||
|
||||
function startTests() {
|
||||
Task.spawn(function() {
|
||||
yield selectDiv();
|
||||
yield testTransformDimension();
|
||||
yield testImageDimension();
|
||||
yield testPickerDimension();
|
||||
endTests();
|
||||
}).then(null, Cu.reportError);
|
||||
}
|
||||
|
||||
function selectDiv() {
|
||||
let deferred = promise.defer();
|
||||
|
||||
inspector.selection.setNode(contentDoc.querySelector("div"));
|
||||
inspector.once("inspector-updated", () => {
|
||||
deferred.resolve();
|
||||
});
|
||||
|
||||
return deferred.promise;
|
||||
}
|
||||
|
||||
function testTransformDimension() {
|
||||
let deferred = promise.defer();
|
||||
info("Testing css transform tooltip dimensions");
|
||||
|
||||
let {valueSpan} = getRuleViewProperty("transform");
|
||||
showTooltipOn(ruleView.previewTooltip, valueSpan, () => {
|
||||
let panel = ruleView.previewTooltip.panel;
|
||||
|
||||
// Let's not test for a specific size, but instead let's make sure it's at
|
||||
// least as big as the preview canvas
|
||||
let canvas = panel.querySelector("canvas");
|
||||
let w = canvas.width;
|
||||
let h = canvas.height;
|
||||
let panelRect = panel.getBoundingClientRect();
|
||||
|
||||
ok(panelRect.width >= w, "The panel is wide enough to show the canvas");
|
||||
ok(panelRect.height >= h, "The panel is high enough to show the canvas");
|
||||
|
||||
ruleView.previewTooltip.hide();
|
||||
deferred.resolve();
|
||||
});
|
||||
|
||||
return deferred.promise;
|
||||
}
|
||||
|
||||
function testImageDimension() {
|
||||
let deferred = promise.defer();
|
||||
info("Testing background-image tooltip dimensions");
|
||||
|
||||
let {valueSpan} = getRuleViewProperty("background");
|
||||
let uriSpan = valueSpan.querySelector(".theme-link");
|
||||
|
||||
showTooltipOn(ruleView.previewTooltip, uriSpan, () => {
|
||||
let panel = ruleView.previewTooltip.panel;
|
||||
|
||||
// Let's not test for a specific size, but instead let's make sure it's at
|
||||
// least as big as the image
|
||||
let imageRect = panel.querySelector("image").getBoundingClientRect();
|
||||
let panelRect = panel.getBoundingClientRect();
|
||||
|
||||
ok(panelRect.width >= imageRect.width,
|
||||
"The panel is wide enough to show the image");
|
||||
ok(panelRect.height >= imageRect.height,
|
||||
"The panel is high enough to show the image");
|
||||
|
||||
ruleView.previewTooltip.hide();
|
||||
deferred.resolve();
|
||||
});
|
||||
|
||||
return deferred.promise;
|
||||
}
|
||||
|
||||
function testPickerDimension() {
|
||||
let deferred = promise.defer();
|
||||
info("Testing color-picker tooltip dimensions");
|
||||
|
||||
let {valueSpan} = getRuleViewProperty("background");
|
||||
let swatch = valueSpan.querySelector(".ruleview-colorswatch");
|
||||
let cPicker = ruleView.colorPicker;
|
||||
|
||||
cPicker.tooltip.once("shown", () => {
|
||||
// The colorpicker spectrum's iframe has a fixed width height, so let's
|
||||
// make sure the tooltip is at least as big as that
|
||||
let w = cPicker.tooltip.panel.querySelector("iframe").width;
|
||||
let h = cPicker.tooltip.panel.querySelector("iframe").height;
|
||||
let panelRect = cPicker.tooltip.panel.getBoundingClientRect();
|
||||
|
||||
ok(panelRect.width >= w, "The panel is wide enough to show the picker");
|
||||
ok(panelRect.height >= h, "The panel is high enough to show the picker");
|
||||
|
||||
cPicker.hide();
|
||||
deferred.resolve();
|
||||
});
|
||||
swatch.click();
|
||||
|
||||
return deferred.promise;
|
||||
}
|
||||
|
||||
function showTooltipOn(tooltip, element, cb) {
|
||||
// If there is indeed a show-on-hover on element, the xul panel will be shown
|
||||
tooltip.panel.addEventListener("popupshown", function shown() {
|
||||
tooltip.panel.removeEventListener("popupshown", shown, true);
|
||||
cb();
|
||||
}, true);
|
||||
tooltip._showOnHover(element);
|
||||
}
|
||||
|
||||
function getRuleViewProperty(name) {
|
||||
let prop = null;
|
||||
[].forEach.call(ruleView.doc.querySelectorAll(".ruleview-property"), property => {
|
||||
let nameSpan = property.querySelector(".ruleview-propertyname");
|
||||
let valueSpan = property.querySelector(".ruleview-propertyvalue");
|
||||
|
||||
if (nameSpan.textContent === name) {
|
||||
prop = {nameSpan: nameSpan, valueSpan: valueSpan};
|
||||
}
|
||||
});
|
||||
return prop;
|
||||
}
|
|
@ -260,7 +260,7 @@ RequestsMenuView.prototype = Heritage.extend(WidgetMethods, {
|
|||
initialize: function() {
|
||||
dumpn("Initializing the RequestsMenuView");
|
||||
|
||||
this.widget = new SideMenuWidget($("#requests-menu-contents"), false);
|
||||
this.widget = new SideMenuWidget($("#requests-menu-contents"));
|
||||
this._splitter = $('#splitter');
|
||||
this._summary = $("#request-menu-network-summary");
|
||||
|
||||
|
@ -371,9 +371,7 @@ RequestsMenuView.prototype = Heritage.extend(WidgetMethods, {
|
|||
*/
|
||||
openRequestInTab: function() {
|
||||
let win = Services.wm.getMostRecentWindow("navigator:browser");
|
||||
|
||||
let selected = this.selectedItem.attachment;
|
||||
|
||||
win.openUILinkIn(selected.url, "tab", { relatedToCurrent: true });
|
||||
},
|
||||
|
||||
|
@ -382,7 +380,6 @@ RequestsMenuView.prototype = Heritage.extend(WidgetMethods, {
|
|||
*/
|
||||
copyUrl: function() {
|
||||
let selected = this.selectedItem.attachment;
|
||||
|
||||
clipboardHelper.copyString(selected.url, document);
|
||||
},
|
||||
|
||||
|
@ -1078,12 +1075,34 @@ RequestsMenuView.prototype = Heritage.extend(WidgetMethods, {
|
|||
let direction = window.isRTL ? -1 : 1;
|
||||
|
||||
for (let x = 0; x < availableWidth; x += scaledStep) {
|
||||
let divisionMS = (x / aScale).toFixed(0);
|
||||
let translateX = "translateX(" + ((direction * x) | 0) + "px)";
|
||||
let millisecondTime = x / aScale;
|
||||
|
||||
let normalizedTime = millisecondTime;
|
||||
let divisionScale = "millisecond";
|
||||
|
||||
// If the division is greater than 1 minute.
|
||||
if (normalizedTime > 60000) {
|
||||
normalizedTime /= 60000;
|
||||
divisionScale = "minute";
|
||||
}
|
||||
// If the division is greater than 1 second.
|
||||
else if (normalizedTime > 1000) {
|
||||
normalizedTime /= 1000;
|
||||
divisionScale = "second";
|
||||
}
|
||||
|
||||
// Showing too many decimals is bad UX.
|
||||
if (divisionScale == "millisecond") {
|
||||
normalizedTime |= 0;
|
||||
} else {
|
||||
normalizedTime = L10N.numberWithDecimals(normalizedTime, 2);
|
||||
}
|
||||
|
||||
let node = document.createElement("label");
|
||||
let text = L10N.getFormatStr("networkMenu.divisionMS", divisionMS);
|
||||
let text = L10N.getFormatStr("networkMenu." + divisionScale, normalizedTime);
|
||||
node.className = "plain requests-menu-timings-division";
|
||||
node.setAttribute("division-scale", divisionScale);
|
||||
node.style.transform = translateX;
|
||||
|
||||
node.setAttribute("value", text);
|
||||
|
|
|
@ -8,6 +8,7 @@
|
|||
}
|
||||
|
||||
#details-pane-toggle[disabled] {
|
||||
/* Don't use display: none; to avoid collapsing #requests-menu-toolbar */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
|
|
@ -59,3 +59,4 @@ support-files =
|
|||
[browser_net_sort-03.js]
|
||||
[browser_net_status-codes.js]
|
||||
[browser_net_timeline_ticks.js]
|
||||
[browser_net_timing-division.js]
|
||||
|
|
|
@ -31,13 +31,13 @@ function test() {
|
|||
"There should be at least 3 tick labels in the network requests header.");
|
||||
|
||||
is(document.querySelectorAll(".requests-menu-timings-division")[0]
|
||||
.getAttribute("value"), L10N.getFormatStr("networkMenu.divisionMS", 0),
|
||||
.getAttribute("value"), L10N.getFormatStr("networkMenu.millisecond", 0),
|
||||
"The first tick label has an incorrect value");
|
||||
is(document.querySelectorAll(".requests-menu-timings-division")[1]
|
||||
.getAttribute("value"), L10N.getFormatStr("networkMenu.divisionMS", 80),
|
||||
.getAttribute("value"), L10N.getFormatStr("networkMenu.millisecond", 80),
|
||||
"The second tick label has an incorrect value");
|
||||
is(document.querySelectorAll(".requests-menu-timings-division")[2]
|
||||
.getAttribute("value"), L10N.getFormatStr("networkMenu.divisionMS", 160),
|
||||
.getAttribute("value"), L10N.getFormatStr("networkMenu.millisecond", 160),
|
||||
"The third tick label has an incorrect value");
|
||||
|
||||
is(document.querySelectorAll(".requests-menu-timings-division")[0]
|
||||
|
|
|
@ -0,0 +1,31 @@
|
|||
/* Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/ */
|
||||
|
||||
/**
|
||||
* Tests if timing intervals are divided againts seconds when appropriate.
|
||||
*/
|
||||
|
||||
function test() {
|
||||
initNetMonitor(CUSTOM_GET_URL).then(([aTab, aDebuggee, aMonitor]) => {
|
||||
info("Starting test... ");
|
||||
|
||||
let { $all, NetMonitorView } = aMonitor.panelWin;
|
||||
let { RequestsMenu } = NetMonitorView;
|
||||
|
||||
RequestsMenu.lazyUpdate = false;
|
||||
|
||||
waitForNetworkEvents(aMonitor, 2).then(() => {
|
||||
let divisions = $all(".requests-menu-timings-division[division-scale=second]");
|
||||
|
||||
ok(divisions.length,
|
||||
"There should be at least one division on the seconds time scale.");
|
||||
ok(divisions[0].getAttribute("value").match(/\d+\.\d{2}\s\w+/),
|
||||
"The division on the seconds time scale looks legit.");
|
||||
|
||||
teardown(aMonitor).then(finish);
|
||||
});
|
||||
|
||||
aDebuggee.performRequests(1);
|
||||
window.setTimeout(() => aDebuggee.performRequests(1), 2000);
|
||||
});
|
||||
}
|
|
@ -42,16 +42,11 @@
|
|||
|
||||
<splitter class="devtools-side-splitter"/>
|
||||
|
||||
<vbox flex="1">
|
||||
<toolbar class="devtools-toolbar">
|
||||
</toolbar>
|
||||
|
||||
<vbox flex="1" id="profiler-report">
|
||||
<!-- Example:
|
||||
<iframe id="profiler-cleo-1"
|
||||
src="devtools/cleopatra.html" flex="1"></iframe>
|
||||
-->
|
||||
</vbox>
|
||||
<vbox flex="1" id="profiler-report">
|
||||
<!-- Example:
|
||||
<iframe id="profiler-cleo-1"
|
||||
src="devtools/cleopatra.html" flex="1"></iframe>
|
||||
-->
|
||||
</vbox>
|
||||
</box>
|
||||
</window>
|
||||
|
|
|
@ -222,6 +222,7 @@ let ShadersListView = Heritage.extend(WidgetMethods, {
|
|||
// program sources or instances.
|
||||
let label = L10N.getFormatStr("shadersList.programLabel", this.itemCount);
|
||||
let contents = document.createElement("label");
|
||||
contents.className = "plain program-item";
|
||||
contents.setAttribute("value", label);
|
||||
contents.setAttribute("crop", "start");
|
||||
contents.setAttribute("flex", "1");
|
||||
|
|
|
@ -22,7 +22,6 @@ this.EXPORTED_SYMBOLS = ["SideMenuWidget"];
|
|||
* @param nsIDOMNode aNode
|
||||
* The element associated with the widget.
|
||||
* @param Object aOptions
|
||||
* - theme: "light" or "dark", defaults to dark if falsy.
|
||||
* - showArrows: specifies if items should display horizontal arrows.
|
||||
* - showItemCheckboxes: specifies if items should display checkboxes.
|
||||
* - showGroupCheckboxes: specifies if groups should display checkboxes.
|
||||
|
@ -32,18 +31,16 @@ this.SideMenuWidget = function SideMenuWidget(aNode, aOptions={}) {
|
|||
this.window = this.document.defaultView;
|
||||
this._parent = aNode;
|
||||
|
||||
let { theme, showArrows, showItemCheckboxes, showGroupCheckboxes } = aOptions;
|
||||
this._theme = theme || "dark";
|
||||
let { showArrows, showItemCheckboxes, showGroupCheckboxes } = aOptions;
|
||||
this._showArrows = showArrows || false;
|
||||
this._showItemCheckboxes = showItemCheckboxes || false;
|
||||
this._showGroupCheckboxes = showGroupCheckboxes || false;
|
||||
|
||||
// Create an internal scrollbox container.
|
||||
this._list = this.document.createElement("scrollbox");
|
||||
this._list.className = "side-menu-widget-container";
|
||||
this._list.className = "side-menu-widget-container theme-body";
|
||||
this._list.setAttribute("flex", "1");
|
||||
this._list.setAttribute("orient", "vertical");
|
||||
this._list.setAttribute("theme", this._theme);
|
||||
this._list.setAttribute("with-arrows", this._showArrows);
|
||||
this._list.setAttribute("with-item-checkboxes", this._showItemCheckboxes);
|
||||
this._list.setAttribute("with-group-checkboxes", this._showGroupCheckboxes);
|
||||
|
@ -141,13 +138,7 @@ SideMenuWidget.prototype = {
|
|||
* The element associated with the displayed item.
|
||||
*/
|
||||
removeChild: function(aChild) {
|
||||
if (aChild.classList.contains("side-menu-widget-item-contents") &&
|
||||
!aChild.classList.contains("side-menu-widget-item")) {
|
||||
// Remove the item itself, not the contents.
|
||||
aChild.parentNode.remove();
|
||||
} else {
|
||||
aChild.remove();
|
||||
}
|
||||
this._getNodeForContents(aChild).remove();
|
||||
|
||||
this._orderedMenuElementsArray.splice(
|
||||
this._orderedMenuElementsArray.indexOf(aChild), 1);
|
||||
|
@ -198,12 +189,10 @@ SideMenuWidget.prototype = {
|
|||
}
|
||||
for (let node of menuArray) {
|
||||
if (node == aChild) {
|
||||
node.classList.add("selected");
|
||||
node.parentNode.classList.add("selected");
|
||||
this._getNodeForContents(node).classList.add("selected");
|
||||
this._selectedItem = node;
|
||||
} else {
|
||||
node.classList.remove("selected");
|
||||
node.parentNode.classList.remove("selected");
|
||||
this._getNodeForContents(node).classList.remove("selected");
|
||||
}
|
||||
}
|
||||
},
|
||||
|
@ -316,7 +305,6 @@ SideMenuWidget.prototype = {
|
|||
let label = this.document.createElement("label");
|
||||
label.className = "plain side-menu-widget-empty-text";
|
||||
label.setAttribute("value", this._emptyTextValue);
|
||||
label.setAttribute("theme", this._theme);
|
||||
|
||||
this._parent.insertBefore(label, this._list);
|
||||
this._emptyTextNode = label;
|
||||
|
@ -350,7 +338,6 @@ SideMenuWidget.prototype = {
|
|||
}
|
||||
|
||||
let group = new SideMenuGroup(this, aName, {
|
||||
theme: this._theme,
|
||||
showCheckbox: this._showGroupCheckboxes
|
||||
});
|
||||
|
||||
|
@ -373,15 +360,32 @@ SideMenuWidget.prototype = {
|
|||
*/
|
||||
_getMenuItemForGroup: function(aGroup, aContents, aAttachment) {
|
||||
return new SideMenuItem(aGroup, aContents, aAttachment, {
|
||||
theme: this._theme,
|
||||
showArrow: this._showArrows,
|
||||
showCheckbox: this._showItemCheckboxes
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns the .side-menu-widget-item node corresponding to a SideMenuItem.
|
||||
* To optimize the markup, some redundant elemenst are skipped when creating
|
||||
* these child items, in which case we need to be careful on which nodes
|
||||
* .selected class names are added, or which nodes are removed.
|
||||
*
|
||||
* @param nsIDOMNode aChild
|
||||
* An element which is the target node of a SideMenuItem.
|
||||
* @return nsIDOMNode
|
||||
* The wrapper node if there is one, or the same child otherwise.
|
||||
*/
|
||||
_getNodeForContents: function(aChild) {
|
||||
if (aChild.hasAttribute("merged-item-contents")) {
|
||||
return aChild;
|
||||
} else {
|
||||
return aChild.parentNode;
|
||||
}
|
||||
},
|
||||
|
||||
window: null,
|
||||
document: null,
|
||||
_theme: "",
|
||||
_showArrows: false,
|
||||
_showItemCheckboxes: false,
|
||||
_showGroupCheckboxes: false,
|
||||
|
@ -406,7 +410,6 @@ SideMenuWidget.prototype = {
|
|||
* The string displayed in the container.
|
||||
* @param object aOptions [optional]
|
||||
* An object containing the following properties:
|
||||
* - theme: the theme colors, either "dark" or "light".
|
||||
* - showCheckbox: specifies if a checkbox should be displayed.
|
||||
*/
|
||||
function SideMenuGroup(aWidget, aName, aOptions={}) {
|
||||
|
@ -427,7 +430,6 @@ function SideMenuGroup(aWidget, aName, aOptions={}) {
|
|||
|
||||
let title = this._title = this.document.createElement("hbox");
|
||||
title.className = "side-menu-widget-group-title";
|
||||
title.setAttribute("theme", aOptions.theme);
|
||||
|
||||
let name = this._name = this.document.createElement("label");
|
||||
name.className = "plain name";
|
||||
|
@ -449,7 +451,7 @@ function SideMenuGroup(aWidget, aName, aOptions={}) {
|
|||
else {
|
||||
let target = this._target = this._list = this.document.createElement("vbox");
|
||||
target.className = "side-menu-widget-group side-menu-widget-group-list";
|
||||
target.setAttribute("theme", aOptions.theme);
|
||||
target.setAttribute("merged-group-contents", "");
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -519,7 +521,6 @@ SideMenuGroup.prototype = {
|
|||
* The attachment object.
|
||||
* @param object aOptions [optional]
|
||||
* An object containing the following properties:
|
||||
* - theme: the theme colors, either "dark" or "light".
|
||||
* - showArrow: specifies if a horizontal arrow should be displayed.
|
||||
* - showCheckbox: specifies if a checkbox should be displayed.
|
||||
*/
|
||||
|
@ -531,7 +532,6 @@ function SideMenuItem(aGroup, aContents, aAttachment={}, aOptions={}) {
|
|||
if (aOptions.showArrow || aOptions.showCheckbox) {
|
||||
let container = this._container = this.document.createElement("hbox");
|
||||
container.className = "side-menu-widget-item";
|
||||
container.setAttribute("theme", aOptions.theme);
|
||||
|
||||
let target = this._target = this.document.createElement("vbox");
|
||||
target.className = "side-menu-widget-item-contents";
|
||||
|
@ -555,7 +555,7 @@ function SideMenuItem(aGroup, aContents, aAttachment={}, aOptions={}) {
|
|||
else {
|
||||
let target = this._target = this._container = this.document.createElement("hbox");
|
||||
target.className = "side-menu-widget-item side-menu-widget-item-contents";
|
||||
target.setAttribute("theme", aOptions.theme);
|
||||
target.setAttribute("merged-item-contents", "");
|
||||
}
|
||||
|
||||
this._target.setAttribute("flex", "1");
|
||||
|
|
|
@ -28,7 +28,7 @@ function SimpleListWidget(aNode) {
|
|||
|
||||
// Create an internal list container.
|
||||
this._list = this.document.createElement("scrollbox");
|
||||
this._list.className = "simple-list-widget-container";
|
||||
this._list.className = "simple-list-widget-container theme-body";
|
||||
this._list.setAttribute("flex", "1");
|
||||
this._list.setAttribute("orient", "vertical");
|
||||
this._parent.appendChild(this._list);
|
||||
|
|
|
@ -469,6 +469,10 @@ Tooltip.prototype = {
|
|||
vbox.appendChild(innerbox);
|
||||
|
||||
var widget = new VariablesView(innerbox, viewOptions);
|
||||
|
||||
// Analyzing state history isn't useful with transient object inspectors.
|
||||
widget.commitHierarchy = () => {};
|
||||
|
||||
for (let e in relayEvents) widget.on(e, relayEvents[e]);
|
||||
VariablesViewController.attach(widget, controllerOptions);
|
||||
|
||||
|
@ -525,7 +529,6 @@ Tooltip.prototype = {
|
|||
if (options.naturalWidth && options.naturalHeight) {
|
||||
label.textContent = this._getImageDimensionLabel(options.naturalWidth,
|
||||
options.naturalHeight);
|
||||
this.setSize(vbox.width, vbox.height);
|
||||
} else {
|
||||
// If no dimensions were provided, load the image to get them
|
||||
label.textContent = l10n.strings.GetStringFromName("previewTooltip.image.brokenImage");
|
||||
|
@ -535,7 +538,6 @@ Tooltip.prototype = {
|
|||
imgObj.onload = null;
|
||||
label.textContent = this._getImageDimensionLabel(imgObj.naturalWidth,
|
||||
imgObj.naturalHeight);
|
||||
this.setSize(vbox.width, vbox.height);
|
||||
}
|
||||
}
|
||||
vbox.appendChild(label);
|
||||
|
@ -634,11 +636,8 @@ Tooltip.prototype = {
|
|||
let previewer = new CSSTransformPreviewer(root);
|
||||
this.content = root;
|
||||
if (!previewer.preview(transform, origin, width, height)) {
|
||||
// If the preview didn't work, reject the promise
|
||||
def.reject();
|
||||
} else {
|
||||
// Else, make sure the tooltip has the right size and resolve
|
||||
this.setSize(previewer.canvas.width, previewer.canvas.height);
|
||||
def.resolve();
|
||||
}
|
||||
});
|
||||
|
|
|
@ -3219,7 +3219,7 @@ VariablesView.stringifiers.byType = {
|
|||
if (noStringQuotes) {
|
||||
return aGrip;
|
||||
}
|
||||
return uneval(aGrip);
|
||||
return '"' + aGrip + '"';
|
||||
},
|
||||
|
||||
longString: function({initial}, {noStringQuotes, noEllipsis}) {
|
||||
|
@ -3227,7 +3227,7 @@ VariablesView.stringifiers.byType = {
|
|||
if (noStringQuotes) {
|
||||
return initial + ellipsis;
|
||||
}
|
||||
let result = uneval(initial);
|
||||
let result = '"' + initial + '"';
|
||||
if (!ellipsis) {
|
||||
return result;
|
||||
}
|
||||
|
|
|
@ -550,8 +550,16 @@ Editor.prototype = {
|
|||
*/
|
||||
markText: function(from, to, className = "marked-text") {
|
||||
let cm = editors.get(this);
|
||||
let mark = cm.markText(from, to, { className: className });
|
||||
return { clear: () => mark.clear() };
|
||||
let text = cm.getRange(from, to);
|
||||
let span = cm.getWrapperElement().ownerDocument.createElement("span");
|
||||
span.className = className;
|
||||
span.textContent = text;
|
||||
|
||||
let mark = cm.markText(from, to, { replacedWith: span });
|
||||
return {
|
||||
anchor: span,
|
||||
clear: () => mark.clear()
|
||||
};
|
||||
},
|
||||
|
||||
/**
|
||||
|
|
|
@ -8,7 +8,7 @@ const HOST = 'mochi.test:8888';
|
|||
const URI = "http://" + HOST + "/browser/browser/devtools/sourceeditor/test/codemirror.html";
|
||||
|
||||
function test() {
|
||||
requestLongerTimeout(2);
|
||||
requestLongerTimeout(3);
|
||||
waitForExplicitFinish();
|
||||
|
||||
let tab = gBrowser.addTab();
|
||||
|
|
|
@ -118,7 +118,7 @@ function testJSTerm(hud)
|
|||
|
||||
jsterm.clearOutput();
|
||||
jsterm.execute("pprint({b:2, a:1})");
|
||||
checkResult("\" b: 2\\n a: 1\"", "pprint()");
|
||||
checkResult("\" b: 2\n a: 1\"", "pprint()");
|
||||
yield undefined;
|
||||
|
||||
// check instanceof correctness, bug 599940
|
||||
|
@ -154,7 +154,7 @@ function testJSTerm(hud)
|
|||
// bug 614561
|
||||
jsterm.clearOutput();
|
||||
jsterm.execute("pprint('hi')");
|
||||
checkResult("\" 0: \\\"h\\\"\\n 1: \\\"i\\\"\"", "pprint('hi')");
|
||||
checkResult("\" 0: \"h\"\n 1: \"i\"\"", "pprint('hi')");
|
||||
yield undefined;
|
||||
|
||||
// check that pprint(function) shows function source, bug 618344
|
||||
|
|
|
@ -22,14 +22,14 @@ let inputTests = [
|
|||
// 0
|
||||
{
|
||||
input: "'hello \\nfrom \\rthe \\\"string world!'",
|
||||
output: "\"hello \\nfrom \\rthe \\\"string world!\"",
|
||||
output: "\"hello \nfrom \rthe \"string world!\"",
|
||||
},
|
||||
|
||||
// 1
|
||||
{
|
||||
// unicode test
|
||||
input: "'\xFA\u1E47\u0129\xE7\xF6d\xEA \u021B\u0115\u0219\u0165'",
|
||||
output: "\"\\xFA\\u1E47\\u0129\\xE7\\xF6d\\xEA \\u021B\\u0115\\u0219\\u0165\"",
|
||||
output: "\"\xFA\u1E47\u0129\xE7\xF6d\xEA \u021B\u0115\u0219\u0165\"",
|
||||
},
|
||||
|
||||
// 2
|
||||
|
@ -81,7 +81,7 @@ let inputTests = [
|
|||
{
|
||||
input: "/foo?b*\\s\"ar/igym",
|
||||
output: "/foo?b*\\s\"ar/gimy",
|
||||
printOutput: "/foo?b*\\\\s\\\"ar/gimy",
|
||||
printOutput: "/foo?b*\\s\"ar/gimy",
|
||||
inspectable: true,
|
||||
},
|
||||
|
||||
|
|
|
@ -12,7 +12,7 @@ let inputTests = [
|
|||
{
|
||||
input: "document.getElementById",
|
||||
output: "function getElementById()",
|
||||
printOutput: "function getElementById() {\\n [native code]\\n}",
|
||||
printOutput: "function getElementById() {\n [native code]\n}",
|
||||
inspectable: true,
|
||||
variablesViewLabel: "getElementById()",
|
||||
},
|
||||
|
|
|
@ -126,7 +126,7 @@ let inputTests = [
|
|||
// 13
|
||||
{
|
||||
input: "document.body.dataset",
|
||||
output: 'DOMStringMap {preview: "zuzu\\"<a>foo"}',
|
||||
output: 'DOMStringMap {preview: "zuzu"<a>foo"}',
|
||||
printOutput: "[object DOMStringMap]",
|
||||
inspectable: true,
|
||||
variablesViewLabel: "DOMStringMap[1]",
|
||||
|
|
|
@ -50,7 +50,7 @@ let inputTests = [
|
|||
{
|
||||
input: "testDOMException()",
|
||||
output: 'DOMException [SyntaxError: "An invalid or illegal string was specified"',
|
||||
printOutput: '[Exception... \\"An invalid or illegal string was specified\\"',
|
||||
printOutput: '[Exception... "An invalid or illegal string was specified"',
|
||||
inspectable: true,
|
||||
variablesViewLabel: "SyntaxError",
|
||||
},
|
||||
|
|
|
@ -124,6 +124,14 @@ networkMenu.sizeKB=%S KB
|
|||
# in the network menu specifying the time for a request to finish (in milliseconds).
|
||||
networkMenu.totalMS=→ %S ms
|
||||
|
||||
# LOCALIZATION NOTE (networkMenu.divisionMS): This is the label displayed
|
||||
# LOCALIZATION NOTE (networkMenu.millisecond): This is the label displayed
|
||||
# in the network menu specifying timing interval divisions (in milliseconds).
|
||||
networkMenu.divisionMS=%S ms
|
||||
networkMenu.millisecond=%S ms
|
||||
|
||||
# LOCALIZATION NOTE (networkMenu.second): This is the label displayed
|
||||
# in the network menu specifying timing interval divisions (in seconds).
|
||||
networkMenu.second=%S s
|
||||
|
||||
# LOCALIZATION NOTE (networkMenu.minute): This is the label displayed
|
||||
# in the network menu specifying timing interval divisions (in minutes).
|
||||
networkMenu.minute=%S min
|
||||
|
|
|
@ -42,6 +42,7 @@ SessionStore.prototype = {
|
|||
Ci.nsISupportsWeakReference]),
|
||||
|
||||
_windows: {},
|
||||
_tabsFromOtherGroups: [],
|
||||
_selectedWindow: 1,
|
||||
_orderedWindows: [],
|
||||
_lastSaveTime: 0,
|
||||
|
@ -538,6 +539,18 @@ SessionStore.prototype = {
|
|||
aBrowser.__SS_data = tabData;
|
||||
},
|
||||
|
||||
_saveTabData: function(aTabList, aWinData) {
|
||||
for (let tab of aTabList) {
|
||||
let browser = tab.browser;
|
||||
if (browser.__SS_data) {
|
||||
let tabData = browser.__SS_data;
|
||||
if (browser.__SS_extdata)
|
||||
tabData.extData = browser.__SS_extdata;
|
||||
aWinData.tabs.push(tabData);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_collectWindowData: function ss__collectWindowData(aWindow) {
|
||||
// Ignore windows not tracked by SessionStore
|
||||
if (!aWindow.__SSID || !this._windows[aWindow.__SSID])
|
||||
|
@ -550,15 +563,8 @@ SessionStore.prototype = {
|
|||
winData.selected = parseInt(index) + 1; // 1-based
|
||||
|
||||
let tabs = aWindow.Browser.tabs;
|
||||
for (let i = 0; i < tabs.length; i++) {
|
||||
let browser = tabs[i].browser;
|
||||
if (browser.__SS_data) {
|
||||
let tabData = browser.__SS_data;
|
||||
if (browser.__SS_extdata)
|
||||
tabData.extData = browser.__SS_extdata;
|
||||
winData.tabs.push(tabData);
|
||||
}
|
||||
}
|
||||
this._saveTabData(tabs, winData);
|
||||
this._saveTabData(this._tabsFromOtherGroups, winData);
|
||||
},
|
||||
|
||||
_forEachBrowserWindow: function ss_forEachBrowserWindow(aFunc) {
|
||||
|
@ -774,6 +780,11 @@ SessionStore.prototype = {
|
|||
let tabs = data.windows[windowIndex].tabs;
|
||||
let selected = data.windows[windowIndex].selected;
|
||||
|
||||
let currentGroupId;
|
||||
try {
|
||||
currentGroupId = JSON.parse(data.windows[windowIndex].extData["tabview-groups"]).activeGroupId;
|
||||
} catch (ex) { /* currentGroupId is undefined if user has no tab groups */ }
|
||||
|
||||
// Move all window data from sessionstore.js to this._windows.
|
||||
for (let i = 0; i < data.windows.length; i++) {
|
||||
let SSID;
|
||||
|
@ -793,6 +804,13 @@ SessionStore.prototype = {
|
|||
|
||||
for (let i=0; i<tabs.length; i++) {
|
||||
let tabData = tabs[i];
|
||||
let tabGroupId = (typeof currentGroupId == "number") ?
|
||||
JSON.parse(tabData.extData["tabview-tab"]).groupID : null;
|
||||
|
||||
if (tabGroupId && tabGroupId != currentGroupId) {
|
||||
this._tabsFromOtherGroups.push(tabData);
|
||||
continue;
|
||||
}
|
||||
|
||||
// We must have selected tabs as soon as possible, so we let all tabs be selected
|
||||
// until we get the real selected tab. Then we stop selecting tabs. The end result
|
||||
|
|
|
@ -1,598 +1,9 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
/* Sources and breakpoints pane */
|
||||
|
||||
#sources-pane > tabs {
|
||||
-moz-border-end: 1px solid #222426; /* Match the sources list's dark margin. */
|
||||
}
|
||||
|
||||
#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
/* Sources toolbar */
|
||||
|
||||
#sources-toolbar {
|
||||
border: none; /* Remove the devtools-toolbar's black bottom border. */
|
||||
-moz-border-end: 1px solid #222426; /* Match the sources list's dark margin. */
|
||||
}
|
||||
|
||||
#sources-toolbar > .devtools-toolbarbutton,
|
||||
#sources-controls > .devtools-toolbarbutton {
|
||||
min-width: 32px;
|
||||
}
|
||||
|
||||
#black-box {
|
||||
list-style-image: url(debugger-blackbox.png);
|
||||
}
|
||||
|
||||
#pretty-print {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#toggle-breakpoints {
|
||||
list-style-image: url(debugger-toggleBreakpoints.png);
|
||||
}
|
||||
|
||||
#sources-toolbar .devtools-toolbarbutton:not([label]) {
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#sources .black-boxed {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
#sources .black-boxed > .dbg-breakpoint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: none;
|
||||
box-shadow: inset -1px 0 0 #222426;
|
||||
}
|
||||
|
||||
#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: none;
|
||||
box-shadow: inset 1px 0 0 #222426;
|
||||
}
|
||||
|
||||
/* Black box message and source progress meter */
|
||||
|
||||
#black-boxed-message,
|
||||
#source-progress-container {
|
||||
background: url(background-noise-toolbar.png) rgb(61,69,76);
|
||||
/* Prevent the container deck from aquiring the size from this message. */
|
||||
min-width: 1px;
|
||||
min-height: 1px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#source-progress {
|
||||
min-height: 2em;
|
||||
min-width: 40em;
|
||||
}
|
||||
|
||||
#black-boxed-message-label,
|
||||
#black-boxed-message-button {
|
||||
text-align: center;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
#black-boxed-message-button {
|
||||
margin-top: 1em;
|
||||
padding: .25em;
|
||||
}
|
||||
|
||||
/* Tracer */
|
||||
|
||||
#trace {
|
||||
list-style-image: url(tracer-icon.png);
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#trace[checked] {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#clear-tracer {
|
||||
/* Make this button as narrow as the text inside it. */
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
.trace-name {
|
||||
-moz-padding-start: 4px !important;
|
||||
}
|
||||
|
||||
/* Tracer dark theme */
|
||||
|
||||
.theme-dark .trace-item {
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .trace-item.selected-matching {
|
||||
background-color: rgba(29, 79, 115, .4); /* Select highlight blue at 40% alpha */
|
||||
}
|
||||
|
||||
.theme-dark .selected > .trace-item {
|
||||
background-color: rgba(29, 79, 115, .75); /* Select highlight blue at 75% alpha */
|
||||
}
|
||||
|
||||
.theme-dark .trace-call {
|
||||
color: #46afe3; /* highlight blue */
|
||||
}
|
||||
|
||||
.theme-dark .trace-return,
|
||||
.theme-dark .trace-yield {
|
||||
color: #70bf53; /* highlight green */
|
||||
}
|
||||
|
||||
.theme-dark .trace-throw {
|
||||
color: #eb5368; /* highlight red */
|
||||
}
|
||||
|
||||
.theme-dark .trace-param {
|
||||
color: #b8c8d9; /* Content text light */
|
||||
}
|
||||
|
||||
.theme-dark .trace-syntax {
|
||||
color: #8fa1b2; /* Content text grey */
|
||||
}
|
||||
|
||||
/* Tracer light theme */
|
||||
|
||||
.theme-light .trace-item {
|
||||
color: #292e33; /* Dark foreground text */
|
||||
}
|
||||
|
||||
.theme-light .trace-item.selected-matching {
|
||||
background-color: rgba(76, 158, 217, .4); /* Select highlight blue at 40% alpha */
|
||||
}
|
||||
|
||||
.theme-light .selected > .trace-item {
|
||||
background-color: rgba(76, 158, 217, .75); /* Select highlight blue at 75% alpha */
|
||||
}
|
||||
|
||||
.theme-light .trace-call {
|
||||
color: #0088cc; /* highlight blue */
|
||||
}
|
||||
|
||||
.theme-light .trace-return,
|
||||
.theme-light .trace-yield {
|
||||
color: #2cbb0f; /* highlight green */
|
||||
}
|
||||
|
||||
.theme-light .trace-throw {
|
||||
color: #ed2655; /* highlight red */
|
||||
}
|
||||
|
||||
.theme-light .trace-param {
|
||||
color: #667380; /* Content text dark grey */
|
||||
}
|
||||
|
||||
.theme-light .trace-syntax {
|
||||
color: #8fa1b2; /* Content text grey */
|
||||
}
|
||||
|
||||
/* Breadcrumbs stack frames view */
|
||||
|
||||
.breadcrumbs-widget-item {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.dbg-stackframe-details {
|
||||
-moz-padding-start: 4px;
|
||||
}
|
||||
|
||||
/* Classic stack frames view */
|
||||
|
||||
.dbg-classic-stackframe {
|
||||
display: block;
|
||||
padding: 0px 4px;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-title {
|
||||
font-weight: 600;
|
||||
color: #046;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details:-moz-locale-dir(ltr) {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details:-moz-locale-dir(rtl) {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details-url {
|
||||
max-width: 90%;
|
||||
text-align: end;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details-sep {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details-line {
|
||||
color: #58b;
|
||||
}
|
||||
|
||||
#callstack-list .side-menu-widget-item.selected label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Sources and breakpoints view */
|
||||
|
||||
.dbg-breakpoint {
|
||||
-moz-margin-start: 4px;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-line {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-text {
|
||||
-moz-margin-start: 10px !important;
|
||||
font-style: italic;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-checkbox {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
/* Variable bubble view */
|
||||
|
||||
.devtools-tooltip-simple-text.token-undefined,
|
||||
.devtools-tooltip-simple-text.token-null {
|
||||
text-align: center;
|
||||
color: #666 !important; /* Override the theme's color. */
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-boolean {
|
||||
text-align: center;
|
||||
color: #10c !important;
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-number {
|
||||
text-align: center;
|
||||
color: #c00 !important;
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-string {
|
||||
text-align: start;
|
||||
color: #282 !important;
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-other {
|
||||
text-align: center;
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
/* Instruments pane (watch expressions, variables, event listeners...) */
|
||||
|
||||
#instruments-pane .side-menu-widget-container,
|
||||
#instruments-pane .side-menu-widget-empty-text {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Watch expressions view */
|
||||
|
||||
#expressions {
|
||||
min-height: 10px;
|
||||
max-height: 125px;
|
||||
}
|
||||
|
||||
.dbg-expression {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.dbg-expression-arrow {
|
||||
width: 16px;
|
||||
height: auto;
|
||||
margin: 2px;
|
||||
background: -moz-image-rect(url(commandline-icon.png), 0, 32, 16, 16);
|
||||
}
|
||||
|
||||
.dbg-expression-input {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Event listeners view */
|
||||
|
||||
.dbg-event-listener {
|
||||
padding: 0px 8px;
|
||||
}
|
||||
|
||||
.dbg-event-listener-type {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-event-listener-separator {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.dbg-event-listener-targets {
|
||||
color: #046;
|
||||
}
|
||||
|
||||
.dbg-event-listener-location {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#event-listeners .side-menu-widget-item.selected {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/* Searchbox and the search operations help panel */
|
||||
|
||||
#searchbox {
|
||||
min-width: 220px;
|
||||
-moz-margin-start: 1px;
|
||||
}
|
||||
|
||||
#filter-label {
|
||||
-moz-margin-start: 2px;
|
||||
}
|
||||
|
||||
#searchbox-panel-operators {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 8px;
|
||||
-moz-margin-start: 2px;
|
||||
}
|
||||
|
||||
.searchbox-panel-operator-button {
|
||||
min-width: 26px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
-moz-margin-start: 2px;
|
||||
-moz-margin-end: 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.searchbox-panel-operator-label {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
/* Searchbox results panel */
|
||||
|
||||
.results-panel {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.results-panel-item {
|
||||
background: #f4f4f4;
|
||||
border: 1px solid #ddd;
|
||||
border-top-color: #fff;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.results-panel-item:first-of-type {
|
||||
border-top-color: #ddd;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
.results-panel-item:last-of-type {
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.results-panel-item:only-of-type {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.results-panel-item:not(.selected):not(:hover) {
|
||||
text-shadow: 0 1px #fff;
|
||||
}
|
||||
|
||||
.results-panel-item-label-before {
|
||||
-moz-margin-end: 5px !important;
|
||||
color: #444;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.results-panel-item-label {
|
||||
color: #111;
|
||||
font-weight: 600;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.results-panel-item-label-below {
|
||||
color: #7f7f7f;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
/* Sources search view */
|
||||
|
||||
#globalsearch {
|
||||
min-height: 10px;
|
||||
max-height: 125px;
|
||||
box-shadow: inset 0 -4px 8px #eee;
|
||||
background: url(background-noise-toolbar.png);
|
||||
}
|
||||
|
||||
#globalsearch + .devtools-horizontal-splitter {
|
||||
border-color: #bfbfbf;
|
||||
}
|
||||
|
||||
.dbg-source-results {
|
||||
padding: 0;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.dbg-results-header {
|
||||
-moz-padding-start: 6px;
|
||||
}
|
||||
|
||||
.dbg-results-header-location {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-results-header-match-count {
|
||||
-moz-padding-start: 6px;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
.dbg-results-line-number {
|
||||
background: #e2e2e2;
|
||||
min-width: 40px;
|
||||
-moz-border-end: 1px solid #b4c4d3;
|
||||
-moz-padding-end: 4px;
|
||||
padding-top: 2px;
|
||||
text-align: end;
|
||||
color: #8c8c8c;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents {
|
||||
-moz-padding-start: 4px;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true] {
|
||||
background: rgba(255,255,0,0.5);
|
||||
padding: 0;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true][focusing] {
|
||||
transition: transform 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true][focused] {
|
||||
transition-duration: 0.1s;
|
||||
transform: scale(1.75, 1.75);
|
||||
}
|
||||
|
||||
/* Toolbar controls */
|
||||
%include ../../shared/devtools/debugger.inc.css
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab {
|
||||
min-height: 25px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#resumption-panel-desc {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#resumption-order-panel {
|
||||
-moz-margin-start: -8px;
|
||||
}
|
||||
|
||||
#resume {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png");
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
transition: background 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
#resume[checked] {
|
||||
background: none;
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#resume ~ toolbarbutton {
|
||||
transition: opacity 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
#resume:not([checked]) ~ toolbarbutton {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#step-over {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
|
||||
}
|
||||
|
||||
#step-in {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
|
||||
}
|
||||
|
||||
#step-out {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
|
||||
}
|
||||
|
||||
#debugger-controls > toolbarbutton,
|
||||
#sources-controls > toolbarbutton {
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
-moz-border-end-width: 1px;
|
||||
outline-offset: -3px;
|
||||
}
|
||||
|
||||
#debugger-controls > toolbarbutton:last-of-type,
|
||||
#sources-controls > toolbarbutton:last-of-type {
|
||||
-moz-border-end-width: 0;
|
||||
}
|
||||
|
||||
#debugger-controls,
|
||||
#sources-controls {
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.15) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
border: 1px solid hsla(210,8%,5%,.45);
|
||||
border-radius: 3px;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
#instruments-pane-toggle {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#instruments-pane-toggle[pane-collapsed] {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
|
||||
}
|
||||
|
||||
#instruments-pane-toggle:active {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
/* Horizontal vs. vertical layout */
|
||||
|
||||
#vertical-layout-panes-container {
|
||||
min-height: 35vh;
|
||||
max-height: 80vh;
|
||||
}
|
||||
|
||||
#body[layout=vertical] #sources-pane > tabs {
|
||||
-moz-border-end: none;
|
||||
}
|
||||
|
||||
#body[layout=vertical] #instruments-pane {
|
||||
margin: 0 !important;
|
||||
/* To prevent all the margin hacks to hide the sidebar. */
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-container,
|
||||
#body[layout=vertical] .side-menu-widget-empty-text {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-item-arrow {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-group,
|
||||
#body[layout=vertical] .side-menu-widget-item {
|
||||
-moz-margin-end: 0;
|
||||
min-height: 24px !important;
|
||||
}
|
||||
|
|
|
@ -1,554 +1,28 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
#body {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
}
|
||||
%include ../../shared/devtools/netmonitor.inc.css
|
||||
|
||||
/* Network requests table */
|
||||
|
||||
#requests-menu-empty-notice {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
padding: 12px;
|
||||
font-size: 110%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#requests-menu-toolbar {
|
||||
height: 32px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.requests-menu-header:first-child {
|
||||
-moz-padding-start: 4px;
|
||||
}
|
||||
|
||||
.requests-menu-subitem {
|
||||
#headers-summary-resend {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.requests-menu-header:not(:last-child):-moz-locale-dir(ltr),
|
||||
.requests-menu-subitem:not(:last-child):-moz-locale-dir(ltr) {
|
||||
-moz-border-end: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: 1px 0 0 hsla(210,16%,76%,.1);
|
||||
}
|
||||
|
||||
.requests-menu-header:not(:last-child):-moz-locale-dir(rtl),
|
||||
.requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) {
|
||||
-moz-border-end: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: -1px 0 0 hsla(210,16%,76%,.1);
|
||||
}
|
||||
|
||||
.requests-menu-header-button {
|
||||
-moz-appearance: none;
|
||||
background: none;
|
||||
min-width: 20px;
|
||||
min-height: 32px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
font-weight: inherit !important;
|
||||
transition: background-color 0.1s ease-in-out;
|
||||
}
|
||||
|
||||
.requests-menu-header-button:hover {
|
||||
background: rgba(0,0,0,0.10);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:hover:active {
|
||||
background: rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted] {
|
||||
background: rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted=ascending] {
|
||||
background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted=descending] {
|
||||
background-image: radial-gradient(farthest-side at center bottom, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom;
|
||||
}
|
||||
|
||||
/* Network requests table: specific column dimensions */
|
||||
|
||||
.requests-menu-status-and-method {
|
||||
width: 7em;
|
||||
}
|
||||
|
||||
.requests-menu-status {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.requests-menu-method {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.requests-menu-file {
|
||||
width: 20vw;
|
||||
min-width: 4em;
|
||||
}
|
||||
|
||||
.requests-menu-domain {
|
||||
width: 16vw;
|
||||
min-width: 10em;
|
||||
}
|
||||
|
||||
.requests-menu-type {
|
||||
text-align: center;
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.requests-menu-size {
|
||||
text-align: center;
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
/* Network requests table: status codes */
|
||||
|
||||
box.requests-menu-status {
|
||||
background: #fff;
|
||||
-moz-margin-start: 5px;
|
||||
-moz-margin-end: 5px;
|
||||
border-radius: 20px;
|
||||
box-shadow:
|
||||
0 0 0 1px rgba(255,255,255,0.4) inset,
|
||||
0 -6px 4px 0 rgba(32,32,32,1.0) inset,
|
||||
0 0 8px 0 rgba(32,0,0,0.4);
|
||||
transition: box-shadow 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="1"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,0,64,1.0) inset,
|
||||
0 0 8px 0 rgba(0,0,128,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="2"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,64,0,1.0) inset,
|
||||
0 0 8px 0 rgba(0,128,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="3"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,32,0,1.0) inset,
|
||||
0 0 8px 0 rgba(128,128,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="4"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,0,0,1.0) inset,
|
||||
0 0 8px 0 rgba(128,0,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="5"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,0,64,1.0) inset,
|
||||
0 0 8px 0 rgba(128,0,128,1.0);
|
||||
}
|
||||
|
||||
/* Network requests table: waterfall header */
|
||||
|
||||
#requests-menu-waterfall-label {
|
||||
-moz-padding-start: 8px;
|
||||
-moz-padding-end: 8px;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division {
|
||||
width: 100px;
|
||||
padding-top: 2px;
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #999;
|
||||
font-size: 75%;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:not(:first-child) {
|
||||
-moz-margin-start: -100px !important; /* Don't affect layout. */
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
/* Network requests table: waterfall items */
|
||||
|
||||
.requests-menu-subitem.requests-menu-waterfall {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-padding-end: 4px;
|
||||
background-repeat: repeat-y; /* Background created on a <canvas> in js. */
|
||||
margin-top: -1px; /* Compensate borders. */
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) {
|
||||
background-position: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total {
|
||||
-moz-padding-start: 8px;
|
||||
font-size: 85%;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap {
|
||||
width: 4px;
|
||||
height: 10px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start {
|
||||
-moz-border-end: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end {
|
||||
-moz-border-start: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start:-moz-locale-dir(ltr) {
|
||||
border-radius: 4px 0 0 4px;
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start:-moz-locale-dir(rtl) {
|
||||
border-radius: 0 4px 4px 0;
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end:-moz-locale-dir(ltr) {
|
||||
border-radius: 0 4px 4px 0;
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end:-moz-locale-dir(rtl) {
|
||||
border-radius: 4px 0 0 4px;
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box {
|
||||
height: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.blocked,
|
||||
.requests-menu-timings-cap.blocked {
|
||||
background-color: rgba(255,32,32,0.8);
|
||||
box-shadow: 0 0 8px 0 rgba(128,32,32,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.dns,
|
||||
.requests-menu-timings-cap.dns {
|
||||
background-color: rgba(255,128,255,0.6);
|
||||
box-shadow: 0 0 8px 0 rgba(128,128,255,1.0),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.connect,
|
||||
.requests-menu-timings-cap.connect {
|
||||
background-color: rgba(255,128,16,0.4);
|
||||
box-shadow: 0 0 8px 0 rgba(128,128,16,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.send,
|
||||
.requests-menu-timings-cap.send {
|
||||
background-color: rgba(255,255,128,0.4);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,128,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.wait,
|
||||
.requests-menu-timings-cap.wait {
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,255,0.4),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.receive,
|
||||
.requests-menu-timings-cap.receive {
|
||||
background-color: rgba(255,255,255,1.0);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,255,1.0),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
/* SideMenuWidget */
|
||||
|
||||
.side-menu-widget-item-contents {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.side-menu-widget-container {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.side-menu-widget-item[odd] {
|
||||
background: rgba(255,255,255,0.05);
|
||||
}
|
||||
|
||||
/* Network request details */
|
||||
|
||||
#details-pane {
|
||||
background: hsl(208,11%,27%);
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
#details-pane-toggle {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#details-pane-toggle[pane-collapsed] {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
|
||||
}
|
||||
|
||||
#details-pane-toggle:active {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
/* Network request details tabpanels */
|
||||
|
||||
.tabpanel-content {
|
||||
background: url(background-noise-toolbar.png), #3e4750;
|
||||
box-shadow: 0 1px 0 hsla(204,45%,98%,.05) inset;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tabpanel-summary-container {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.tabpanel-summary-label {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-padding-end: 3px;
|
||||
font-weight: 600;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
color: hsl(210,30%,85%);
|
||||
}
|
||||
|
||||
.tabpanel-summary-value {
|
||||
-moz-padding-start: 3px;
|
||||
}
|
||||
|
||||
/* Headers tabpanel */
|
||||
|
||||
#headers-summary-status,
|
||||
#headers-summary-version {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
#headers-summary-size {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
#headers-summary-resend {
|
||||
margin: 0 6px;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
/* Response tabpanel */
|
||||
|
||||
#response-content-info-header {
|
||||
background:
|
||||
url(background-noise-toolbar.png),
|
||||
linear-gradient(hsl(0,61%,40%), hsl(0,61%,31%)) repeat-x top left;
|
||||
box-shadow:
|
||||
inset 0 1px 0 hsla(210,40%,83%,.15),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
||||
margin: 0;
|
||||
padding: 5px 8px;
|
||||
}
|
||||
|
||||
#response-content-image-box {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#response-content-image {
|
||||
background: #fff;
|
||||
border: 1px dashed GrayText;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Timings tabpanel */
|
||||
|
||||
#timings-tabpanel .tabpanel-summary-label {
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
#timings-tabpanel .requests-menu-timings-box {
|
||||
transition: transform 0.2s ease-out;
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
#timings-tabpanel .requests-menu-timings-total {
|
||||
transition: transform 0.2s ease-out;
|
||||
}
|
||||
|
||||
/* Custom request form */
|
||||
|
||||
#custom-pane {
|
||||
padding: 0.6em 0.5em;
|
||||
}
|
||||
|
||||
.custom-header {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.custom-section {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
#custom-method-value {
|
||||
width: 4.5em;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
#requests-menu-footer {
|
||||
box-shadow: inset 0 1px 16px hsla(210,8%,5%,.3);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button,
|
||||
.requests-menu-footer-label {
|
||||
min-width: 1em;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 2px 1.5vw;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.requests-menu-footer-spacer {
|
||||
min-width: 2px;
|
||||
}
|
||||
|
||||
.requests-menu-footer-spacer,
|
||||
.requests-menu-footer-button {
|
||||
-moz-border-end: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: 1px 0 0 hsla(210,16%,76%,.1);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button {
|
||||
-moz-appearance: none;
|
||||
background: rgba(0,0,0,0.025);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:hover {
|
||||
background: rgba(0,0,0,0.20);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:hover:active {
|
||||
background: rgba(0,0,0,0.35);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:not(:active)[checked] {
|
||||
background-color: rgba(0,0,0,0.25);
|
||||
background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.requests-menu-footer-label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Responsive sidebar */
|
||||
@media (max-width: 700px) {
|
||||
#requests-menu-toolbar {
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
.requests-menu-header-button {
|
||||
min-height: 26px;
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
.requests-menu-footer-button,
|
||||
.requests-menu-footer-label {
|
||||
padding: 2px 2vw;
|
||||
}
|
||||
|
||||
#details-pane {
|
||||
max-width: none;
|
||||
margin: 0 !important;
|
||||
/* To prevent all the margin hacks to hide the sidebar. */
|
||||
}
|
||||
|
||||
.requests-menu-status-and-method {
|
||||
width: 16vw;
|
||||
}
|
||||
|
||||
.requests-menu-file,
|
||||
.requests-menu-domain {
|
||||
width: 30vw;
|
||||
}
|
||||
|
||||
.requests-menu-type {
|
||||
width: 8vw;
|
||||
}
|
||||
|
||||
.requests-menu-size {
|
||||
width: 16vw;
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Timeline" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "Size" column should be hidden. */
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 701px) {
|
||||
#network-table[type-overflows] .requests-menu-domain {
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Type" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "Domain" column should be hidden. */
|
||||
}
|
||||
|
||||
#network-table[domain-overflows] .requests-menu-file {
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Domain" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "File" column should be hidden. */
|
||||
}
|
||||
}
|
||||
|
|
|
@ -3,7 +3,3 @@
|
|||
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
%include ../../shared/devtools/shadereditor.inc.css
|
||||
|
||||
.side-menu-widget-item-checkbox > .checkbox-spacer-box {
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
|
|
@ -1,723 +1,11 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
/* Generic pane helpers */
|
||||
|
||||
.generic-toggled-side-pane {
|
||||
-moz-margin-start: 0px !important;
|
||||
/* Unfortunately, transitions don't work properly with locale-aware properties,
|
||||
so both the left and right margins are set via js, while the start margin
|
||||
is always overridden here. */
|
||||
}
|
||||
|
||||
.generic-toggled-side-pane[animated] {
|
||||
transition: margin 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
/* BreacrumbsWidget */
|
||||
|
||||
.breadcrumbs-widget-container {
|
||||
-moz-margin-end: 3px;
|
||||
/* A fake 1px-shadow is included in the border-images of the
|
||||
breadcrumbs-widget-items, to match toolbar-buttons style.
|
||||
This negative margin compensates the extra row of pixels created
|
||||
by the shadow.*/
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
/* Preloading hack, LTR */
|
||||
|
||||
.breadcrumbs-widget-container:-moz-locale-dir(ltr)::after {
|
||||
content: '';
|
||||
display: block;
|
||||
background-image:
|
||||
url(breadcrumbs/ltr-start.png),
|
||||
url(breadcrumbs/ltr-start-selected.png),
|
||||
url(breadcrumbs/ltr-start-pressed.png),
|
||||
url(breadcrumbs/ltr-start-selected-pressed.png),
|
||||
url(breadcrumbs/ltr-middle.png),
|
||||
url(breadcrumbs/ltr-middle-selected.png),
|
||||
url(breadcrumbs/ltr-middle-pressed.png),
|
||||
url(breadcrumbs/ltr-middle-selected-pressed.png),
|
||||
url(breadcrumbs/ltr-end.png),
|
||||
url(breadcrumbs/ltr-end-selected.png),
|
||||
url(breadcrumbs/ltr-end-pressed.png),
|
||||
url(breadcrumbs/ltr-end-selected-pressed.png);
|
||||
}
|
||||
|
||||
/* Preloading hack, RTL */
|
||||
|
||||
.breadcrumbs-widget-container:-moz-locale-dir(rtl)::after {
|
||||
content: '';
|
||||
display: block;
|
||||
background-image:
|
||||
url(breadcrumbs/rtl-start.png),
|
||||
url(breadcrumbs/rtl-start-selected.png),
|
||||
url(breadcrumbs/rtl-start-pressed.png),
|
||||
url(breadcrumbs/rtl-start-selected-pressed.png),
|
||||
url(breadcrumbs/rtl-middle.png),
|
||||
url(breadcrumbs/rtl-middle-selected.png),
|
||||
url(breadcrumbs/rtl-middle-pressed.png),
|
||||
url(breadcrumbs/rtl-middle-selected-pressed.png),
|
||||
url(breadcrumbs/rtl-end.png),
|
||||
url(breadcrumbs/rtl-end-selected.png),
|
||||
url(breadcrumbs/rtl-end-pressed.png),
|
||||
url(breadcrumbs/rtl-end-selected-pressed.png);
|
||||
}
|
||||
|
||||
.scrollbutton-up,
|
||||
.scrollbutton-down {
|
||||
-moz-appearance: none;
|
||||
background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.15) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
border: 1px solid hsla(210,8%,5%,.45);
|
||||
margin: 0 0 1px;
|
||||
}
|
||||
|
||||
.scrollbutton-up:not([disabled]):active:hover,
|
||||
.scrollbutton-down:not([disabled]):active:hover {
|
||||
background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
border-color: hsla(210,8%,5%,.6);
|
||||
}
|
||||
|
||||
.scrollbutton-up > .toolbarbutton-icon,
|
||||
.scrollbutton-down > .toolbarbutton-icon {
|
||||
-moz-appearance: none;
|
||||
list-style-image: url("breadcrumbs-scrollbutton.png");
|
||||
-moz-image-region: rect(0px,7px,16px,0px);
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon,
|
||||
.scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon {
|
||||
-moz-image-region: rect(0px,14px,16px,7px);
|
||||
}
|
||||
|
||||
.scrollbutton-up[disabled] > .toolbarbutton-icon,
|
||||
.scrollbutton-down[disabled] > .toolbarbutton-icon {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
|
||||
.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item {
|
||||
background-color: transparent;
|
||||
-moz-appearance: none;
|
||||
overflow: hidden;
|
||||
min-width: 85px;
|
||||
max-width: 250px;
|
||||
min-height: 25px;
|
||||
border-style: solid;
|
||||
border-width: 1px 13px 2px 13px;
|
||||
margin: 0 -11px 0 0;
|
||||
padding: 0 9px;
|
||||
outline: none;
|
||||
color: hsl(210,30%,85%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:-moz-focusring > label {
|
||||
border-bottom: 1px dotted hsla(210,30%,85%,0.4);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag {
|
||||
color: hsl(208,100%,60%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id {
|
||||
color: hsl(205,100%,70%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes {
|
||||
color: hsl(20,100%,70%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item-id,
|
||||
.breadcrumbs-widget-item-classes {
|
||||
color: #8d99a6;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item-pseudo-classes {
|
||||
color: hsl(20,100%,85%);
|
||||
}
|
||||
|
||||
/* Breadcrumbs LTR */
|
||||
|
||||
.breadcrumbs-widget-item:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
/* Breadcrumbs RTL */
|
||||
|
||||
.breadcrumbs-widget-item:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
/* SimpleListWidget */
|
||||
|
||||
.simple-list-widget-item:not(.selected):hover {
|
||||
background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;
|
||||
}
|
||||
|
||||
.simple-list-widget-item.selected {
|
||||
background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.simple-list-widget-perma-text,
|
||||
.simple-list-widget-empty-text {
|
||||
color: GrayText;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
/* FastListWidget */
|
||||
|
||||
.fast-list-widget-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.theme-dark .fast-list-widget-empty-text {
|
||||
padding: 12px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.theme-light .fast-list-widget-empty-text {
|
||||
padding: 4px 8px;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
/* SideMenuWidget */
|
||||
|
||||
.side-menu-widget-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.side-menu-widget-container[theme="dark"] {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.side-menu-widget-container[theme="light"] {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* SideMenuWidget container */
|
||||
|
||||
.side-menu-widget-container:-moz-locale-dir(ltr),
|
||||
.side-menu-widget-empty-text:-moz-locale-dir(ltr) {
|
||||
box-shadow: inset -1px 0 0 #222426;
|
||||
}
|
||||
|
||||
.side-menu-widget-container:-moz-locale-dir(rtl),
|
||||
.side-menu-widget-empty-text:-moz-locale-dir(rtl) {
|
||||
box-shadow: inset 1px 0 0 #222426;
|
||||
}
|
||||
|
||||
.side-menu-widget-group {
|
||||
/* To allow visibility of the dark margin shadow. */
|
||||
-moz-margin-end: 1px;
|
||||
}
|
||||
|
||||
.side-menu-widget-container[with-arrows=true] .side-menu-widget-item {
|
||||
/* To compensate for the arrow image's dark margin. */
|
||||
-moz-margin-end: -1px;
|
||||
}
|
||||
|
||||
/* SideMenuWidget groups */
|
||||
|
||||
.side-menu-widget-group-title {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-group-title[theme="dark"] {
|
||||
background-image: linear-gradient(#1f3e4f, #1b3243);
|
||||
text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
|
||||
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
|
||||
0 -2px 0 hsla(206,37%,4%,.05) inset,
|
||||
0 -1px 1px hsla(206,37%,4%,.1) inset;
|
||||
}
|
||||
|
||||
.side-menu-widget-group-title[theme="light"] {
|
||||
background-image: linear-gradient(#fff, #eee);
|
||||
}
|
||||
|
||||
/* SideMenuWidget items */
|
||||
|
||||
.side-menu-widget-item[theme="dark"] {
|
||||
border-top: 1px solid hsla(210,8%,5%,.25);
|
||||
border-bottom: 1px solid hsla(210,16%,76%,.1);
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item[theme="light"] {
|
||||
border-top: 1px solid hsla(210,8%,75%,.25);
|
||||
border-bottom: 1px solid hsla(210,16%,76%,.1);
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item[theme="dark"]:last-of-type {
|
||||
box-shadow: inset 0 -1px 0 hsla(210,8%,5%,.25);
|
||||
}
|
||||
|
||||
.side-menu-widget-item[theme="light"]:last-of-type {
|
||||
box-shadow: inset 0 -1px 0 hsla(210,8%,75%,.25);
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected {
|
||||
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15);
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
|
||||
background-size: auto, 1px 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: url(itemArrow-ltr.png), linear-gradient(to right, #222426, #222426);
|
||||
background-position: center right, top right;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png), linear-gradient(to right, #222426, #222426);
|
||||
background-position: center left, top left;
|
||||
}
|
||||
|
||||
/* SideMenuWidget items contents */
|
||||
|
||||
.side-menu-widget-item-contents {
|
||||
padding: 4px 0px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-arrow {
|
||||
-moz-margin-start: -8px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other {
|
||||
background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.65);
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other.selected {
|
||||
background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.15);
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.07),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.07);
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other:first-of-type {
|
||||
margin-bottom: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other:last-of-type {
|
||||
margin-bottom: -4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other > label {
|
||||
color: #f5f7fa;
|
||||
text-shadow: 0 1px 1px #111;
|
||||
}
|
||||
|
||||
/* SideMenuWidget checkboxes */
|
||||
|
||||
.side-menu-widget-group-checkbox {
|
||||
margin: 0;
|
||||
-moz-margin-end: 4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-checkbox {
|
||||
margin: 0;
|
||||
-moz-margin-start: 4px;
|
||||
-moz-margin-end: -4px;
|
||||
}
|
||||
%include ../../shared/devtools/widgets.inc.css
|
||||
|
||||
.side-menu-widget-group-checkbox .checkbox-spacer-box,
|
||||
.side-menu-widget-item-checkbox .checkbox-spacer-box {
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* SideMenuWidget misc */
|
||||
|
||||
.side-menu-widget-empty-text[theme="dark"] {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
padding: 12px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.side-menu-widget-empty-text[theme="light"] {
|
||||
background: #fff;
|
||||
padding: 4px 8px;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
/* VariablesView */
|
||||
|
||||
.variables-view-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.variables-view-empty-notice {
|
||||
color: GrayText;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.variables-view-scope > .title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Generic variables traits */
|
||||
|
||||
.variables-view-variable:not(:last-child) {
|
||||
border-bottom: 1px solid rgba(128, 128, 128, .15);
|
||||
}
|
||||
|
||||
.variables-view-variable > .title > .name {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Generic variables *and* properties traits */
|
||||
|
||||
.variable-or-property:focus > .title > label {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
.variable-or-property > .title > .value {
|
||||
-moz-box-flex: 1;
|
||||
}
|
||||
|
||||
.variable-or-property > .title > .arrow {
|
||||
-moz-margin-start: 3px;
|
||||
}
|
||||
|
||||
.variable-or-property:not([untitled]) > .variables-view-element-details {
|
||||
-moz-margin-start: 7px;
|
||||
}
|
||||
|
||||
/* Traits applied when variables or properties are changed or overridden */
|
||||
|
||||
.variable-or-property:not([overridden]) {
|
||||
transition: background 1s ease-in-out;
|
||||
}
|
||||
|
||||
.variable-or-property:not([overridden])[changed] {
|
||||
transition-duration: .4s;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] {
|
||||
background: rgba(128,128,128,0.05);
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] .title > label {
|
||||
/* Cross out the title for this variable and all child properties. */
|
||||
font-style: italic;
|
||||
text-decoration: line-through;
|
||||
border-bottom: none !important;
|
||||
color: rgba(128,128,128,0.9);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Traits applied when variables or properties are editable */
|
||||
|
||||
.variable-or-property[editable] > .title > .value {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] .title > .value {
|
||||
/* Disallow editing this variable and all child properties. */
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Custom configurable/enumerable/writable or frozen/sealed/extensible
|
||||
* variables and properties */
|
||||
|
||||
.variable-or-property[non-enumerable]:not([self]):not([pseudo-item]) > .title > .name {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.variable-or-property[non-configurable]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #99f;
|
||||
}
|
||||
|
||||
.variable-or-property[non-writable]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #f99;
|
||||
}
|
||||
|
||||
.variable-or-property[safe-getter]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #8b0;
|
||||
}
|
||||
|
||||
.variable-or-property-non-writable-icon {
|
||||
background: url("chrome://browser/skin/identity-icons-https.png") no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@media (min-resolution: 2dppx) {
|
||||
.variable-or-property-non-writable-icon {
|
||||
background-image: url("chrome://browser/skin/identity-icons-https@2x.png");
|
||||
background-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.variable-or-property-frozen-label,
|
||||
.variable-or-property-sealed-label,
|
||||
.variable-or-property-non-extensible-label {
|
||||
-moz-padding-end: 4px;
|
||||
}
|
||||
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-frozen-label,
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-sealed-label,
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-non-extensible-label {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* Aligned values */
|
||||
|
||||
.variables-view-container[aligned-values] .title > .separator {
|
||||
-moz-box-flex: 1;
|
||||
}
|
||||
|
||||
.variables-view-container[aligned-values] .title > .value {
|
||||
-moz-box-flex: 0;
|
||||
width: 70vw;
|
||||
}
|
||||
|
||||
.variables-view-container[aligned-values] .title > .element-value-input {
|
||||
width: calc(70vw - 10px);
|
||||
}
|
||||
|
||||
/* Actions first */
|
||||
|
||||
.variables-view-container[actions-first] .variables-view-delete,
|
||||
.variables-view-container[actions-first] .variables-view-add-property {
|
||||
-moz-box-ordinal-group: 0;
|
||||
}
|
||||
|
||||
.variables-view-container[actions-first] [invisible] {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Variables and properties tooltips */
|
||||
|
||||
.variable-or-property > tooltip > label {
|
||||
margin: 0 2px 0 2px;
|
||||
}
|
||||
|
||||
.variable-or-property[non-enumerable] > tooltip > label.enumerable,
|
||||
.variable-or-property[non-configurable] > tooltip > label.configurable,
|
||||
.variable-or-property[non-writable] > tooltip > label.writable,
|
||||
.variable-or-property[non-extensible] > tooltip > label.extensible {
|
||||
color: #800;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] > tooltip > label.overridden {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #000;
|
||||
}
|
||||
|
||||
.variable-or-property[safe-getter] > tooltip > label.WebIDL {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #000;
|
||||
color: #080;
|
||||
}
|
||||
|
||||
/* Variables and properties editing */
|
||||
|
||||
.variables-view-delete {
|
||||
list-style-image: url("chrome://browser/skin/devtools/vview-delete.png");
|
||||
-moz-image-region: rect(0,16px,16px,0);
|
||||
}
|
||||
|
||||
.variables-view-delete:hover {
|
||||
-moz-image-region: rect(0,32px,16px,16px);
|
||||
}
|
||||
|
||||
.variables-view-delete:active {
|
||||
-moz-image-region: rect(0,48px,16px,32px);
|
||||
}
|
||||
|
||||
.variables-view-edit {
|
||||
background: url("chrome://browser/skin/devtools/vview-edit.png") center no-repeat;
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.variables-view-throbber {
|
||||
background: url("chrome://global/skin/icons/loading_16.png") center no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.element-value-input {
|
||||
-moz-margin-start: -2px !important;
|
||||
-moz-margin-end: 2px !important;
|
||||
}
|
||||
|
||||
.element-name-input {
|
||||
-moz-margin-start: -2px !important;
|
||||
-moz-margin-end: 2px !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.element-value-input,
|
||||
.element-name-input {
|
||||
border: 1px solid rgba(128, 128, 128, .5) !important;
|
||||
border-radius: 0;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Variables and properties searching */
|
||||
|
||||
.variables-view-searchinput {
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
.variable-or-property[unmatched] {
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Expand/collapse arrow */
|
||||
|
||||
.arrow {
|
||||
-moz-appearance: treetwisty;
|
||||
height: 20px;
|
||||
margin-top: 1px;
|
||||
-moz-margin-start: 10px;
|
||||
-moz-margin-end: 5px;
|
||||
}
|
||||
|
||||
.arrow[open] {
|
||||
-moz-appearance: treetwistyopen;
|
||||
}
|
||||
|
||||
.arrow[invisible] {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
%include ../../shared/devtools/app-manager/manifest-editor.inc.css
|
||||
|
|
|
@ -196,15 +196,17 @@ browser.jar:
|
|||
skin/classic/browser/devtools/splitview.css (devtools/splitview.css)
|
||||
skin/classic/browser/devtools/styleeditor.css (devtools/styleeditor.css)
|
||||
* skin/classic/browser/devtools/shadereditor.css (devtools/shadereditor.css)
|
||||
skin/classic/browser/devtools/debugger.css (devtools/debugger.css)
|
||||
* skin/classic/browser/devtools/debugger.css (devtools/debugger.css)
|
||||
* skin/classic/browser/devtools/profiler.css (devtools/profiler.css)
|
||||
skin/classic/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/browser/devtools/scratchpad.css (devtools/scratchpad.css)
|
||||
skin/classic/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
|
||||
skin/classic/browser/devtools/option-icon.png (devtools/option-icon.png)
|
||||
skin/classic/browser/devtools/itemToggle.png (devtools/itemToggle.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.png (devtools/itemArrow-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.png (devtools/itemArrow-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-rtl.png (../shared/devtools/images/itemArrow-dark-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-ltr.png (../shared/devtools/images/itemArrow-dark-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.png (../shared/devtools/images/itemArrow-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.png (../shared/devtools/images/itemArrow-ltr.png)
|
||||
skin/classic/browser/devtools/background-noise-toolbar.png (devtools/background-noise-toolbar.png)
|
||||
skin/classic/browser/devtools/noise.png (devtools/noise.png)
|
||||
skin/classic/browser/devtools/inspect-button.png (devtools/inspect-button.png)
|
||||
|
|
|
@ -1,600 +1,6 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
%include ../shared.inc
|
||||
|
||||
/* Sources and breakpoints pane */
|
||||
|
||||
#sources-pane > tabs {
|
||||
-moz-border-end: 1px solid #222426; /* Match the sources list's dark margin. */
|
||||
}
|
||||
|
||||
#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
/* Sources toolbar */
|
||||
|
||||
#sources-toolbar {
|
||||
border: none; /* Remove the devtools-toolbar's black bottom border. */
|
||||
-moz-border-end: 1px solid #222426; /* Match the sources list's dark margin. */
|
||||
}
|
||||
|
||||
#sources-toolbar > .devtools-toolbarbutton,
|
||||
#sources-controls > .devtools-toolbarbutton {
|
||||
min-width: 32px;
|
||||
}
|
||||
|
||||
#black-box {
|
||||
list-style-image: url(debugger-blackbox.png);
|
||||
}
|
||||
|
||||
#pretty-print {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#toggle-breakpoints {
|
||||
list-style-image: url(debugger-toggleBreakpoints.png);
|
||||
}
|
||||
|
||||
#sources-toolbar .devtools-toolbarbutton:not([label]) {
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#sources .black-boxed {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
#sources .black-boxed > .dbg-breakpoint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: none;
|
||||
box-shadow: inset -1px 0 0 #222426;
|
||||
}
|
||||
|
||||
#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: none;
|
||||
box-shadow: inset 1px 0 0 #222426;
|
||||
}
|
||||
|
||||
/* Black box message and source progress meter */
|
||||
|
||||
#black-boxed-message,
|
||||
#source-progress-container {
|
||||
background: url(background-noise-toolbar.png) rgb(61,69,76);
|
||||
/* Prevent the container deck from aquiring the size from this message. */
|
||||
min-width: 1px;
|
||||
min-height: 1px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#source-progress {
|
||||
min-height: 2em;
|
||||
min-width: 40em;
|
||||
}
|
||||
|
||||
#black-boxed-message-label,
|
||||
#black-boxed-message-button {
|
||||
text-align: center;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
#black-boxed-message-button {
|
||||
margin-top: 1em;
|
||||
padding: .25em;
|
||||
}
|
||||
|
||||
/* Tracer */
|
||||
|
||||
#trace {
|
||||
list-style-image: url(tracer-icon.png);
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#trace[checked] {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#clear-tracer {
|
||||
/* Make this button as narrow as the text inside it. */
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
.trace-name {
|
||||
-moz-padding-start: 4px !important;
|
||||
}
|
||||
|
||||
/* Tracer dark theme */
|
||||
|
||||
.theme-dark .trace-item {
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .trace-item.selected-matching {
|
||||
background-color: rgba(29, 79, 115, .4); /* Select highlight blue at 40% alpha */
|
||||
}
|
||||
|
||||
.theme-dark .selected > .trace-item {
|
||||
background-color: rgba(29, 79, 115, .75); /* Select highlight blue at 75% alpha */
|
||||
}
|
||||
|
||||
.theme-dark .trace-call {
|
||||
color: #46afe3; /* highlight blue */
|
||||
}
|
||||
|
||||
.theme-dark .trace-return,
|
||||
.theme-dark .trace-yield {
|
||||
color: #70bf53; /* highlight green */
|
||||
}
|
||||
|
||||
.theme-dark .trace-throw {
|
||||
color: #eb5368; /* highlight red */
|
||||
}
|
||||
|
||||
.theme-dark .trace-param {
|
||||
color: #b8c8d9; /* Content text light */
|
||||
}
|
||||
|
||||
.theme-dark .trace-syntax {
|
||||
color: #8fa1b2; /* Content text grey */
|
||||
}
|
||||
|
||||
/* Tracer light theme */
|
||||
|
||||
.theme-light .trace-item {
|
||||
color: #292e33; /* Dark foreground text */
|
||||
}
|
||||
|
||||
.theme-light .trace-item.selected-matching {
|
||||
background-color: rgba(76, 158, 217, .4); /* Select highlight blue at 40% alpha */
|
||||
}
|
||||
|
||||
.theme-light .selected > .trace-item {
|
||||
background-color: rgba(76, 158, 217, .75); /* Select highlight blue at 75% alpha */
|
||||
}
|
||||
|
||||
.theme-light .trace-call {
|
||||
color: #0088cc; /* highlight blue */
|
||||
}
|
||||
|
||||
.theme-light .trace-return,
|
||||
.theme-light .trace-yield {
|
||||
color: #2cbb0f; /* highlight green */
|
||||
}
|
||||
|
||||
.theme-light .trace-throw {
|
||||
color: #ed2655; /* highlight red */
|
||||
}
|
||||
|
||||
.theme-light .trace-param {
|
||||
color: #667380; /* Content text dark grey */
|
||||
}
|
||||
|
||||
.theme-light .trace-syntax {
|
||||
color: #8fa1b2; /* Content text grey */
|
||||
}
|
||||
|
||||
/* Breadcrumbs stack frames view */
|
||||
|
||||
.breadcrumbs-widget-item {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.dbg-stackframe-details {
|
||||
-moz-padding-start: 4px;
|
||||
}
|
||||
|
||||
/* Classic stack frames view */
|
||||
|
||||
.dbg-classic-stackframe {
|
||||
display: block;
|
||||
padding: 0px 4px;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-title {
|
||||
font-weight: 600;
|
||||
color: #046;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details:-moz-locale-dir(ltr) {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details:-moz-locale-dir(rtl) {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details-url {
|
||||
max-width: 90%;
|
||||
text-align: end;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details-sep {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details-line {
|
||||
color: #58b;
|
||||
}
|
||||
|
||||
#callstack-list .side-menu-widget-item.selected label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Sources and breakpoints view */
|
||||
|
||||
.dbg-breakpoint {
|
||||
-moz-margin-start: 4px;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-line {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-text {
|
||||
-moz-margin-start: 10px !important;
|
||||
font-style: italic;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-checkbox {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
/* Variable bubble view */
|
||||
|
||||
.devtools-tooltip-simple-text.token-undefined,
|
||||
.devtools-tooltip-simple-text.token-null {
|
||||
text-align: center;
|
||||
color: #666 !important; /* Override the theme's color. */
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-boolean {
|
||||
text-align: center;
|
||||
color: #10c !important;
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-number {
|
||||
text-align: center;
|
||||
color: #c00 !important;
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-string {
|
||||
text-align: start;
|
||||
color: #282 !important;
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-other {
|
||||
text-align: center;
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
/* Instruments pane (watch expressions, variables, event listeners...) */
|
||||
|
||||
#instruments-pane .side-menu-widget-container,
|
||||
#instruments-pane .side-menu-widget-empty-text {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Watch expressions view */
|
||||
|
||||
#expressions {
|
||||
min-height: 10px;
|
||||
max-height: 125px;
|
||||
}
|
||||
|
||||
.dbg-expression {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.dbg-expression-arrow {
|
||||
width: 16px;
|
||||
height: auto;
|
||||
margin: 2px;
|
||||
background: -moz-image-rect(url(commandline-icon.png), 0, 32, 16, 16);
|
||||
}
|
||||
|
||||
.dbg-expression-input {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Event listeners view */
|
||||
|
||||
.dbg-event-listener {
|
||||
padding: 0px 8px;
|
||||
}
|
||||
|
||||
.dbg-event-listener-type {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-event-listener-separator {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.dbg-event-listener-targets {
|
||||
color: #046;
|
||||
}
|
||||
|
||||
.dbg-event-listener-location {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#event-listeners .side-menu-widget-item.selected {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/* Searchbox and the search operations help panel */
|
||||
|
||||
#searchbox {
|
||||
min-width: 220px;
|
||||
-moz-margin-start: 1px;
|
||||
}
|
||||
|
||||
#filter-label {
|
||||
-moz-margin-start: 2px;
|
||||
}
|
||||
|
||||
#searchbox-panel-operators {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 8px;
|
||||
-moz-margin-start: 2px;
|
||||
}
|
||||
|
||||
.searchbox-panel-operator-button {
|
||||
min-width: 26px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
-moz-margin-start: 2px;
|
||||
-moz-margin-end: 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.searchbox-panel-operator-label {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
/* Searchbox results panel */
|
||||
|
||||
.results-panel {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.results-panel-item {
|
||||
background: #f4f4f4;
|
||||
border: 1px solid #ddd;
|
||||
border-top-color: #fff;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.results-panel-item:first-of-type {
|
||||
border-top-color: #ddd;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
.results-panel-item:last-of-type {
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.results-panel-item:only-of-type {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.results-panel-item:not(.selected):not(:hover) {
|
||||
text-shadow: 0 1px #fff;
|
||||
}
|
||||
|
||||
.results-panel-item-label-before {
|
||||
-moz-margin-end: 5px !important;
|
||||
color: #444;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.results-panel-item-label {
|
||||
color: #111;
|
||||
font-weight: 600;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.results-panel-item-label-below {
|
||||
color: #7f7f7f;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
/* Sources search view */
|
||||
|
||||
#globalsearch {
|
||||
min-height: 10px;
|
||||
max-height: 125px;
|
||||
box-shadow: inset 0 -4px 8px #eee;
|
||||
background: url(background-noise-toolbar.png);
|
||||
}
|
||||
|
||||
#globalsearch + .devtools-horizontal-splitter {
|
||||
border-color: #bfbfbf;
|
||||
}
|
||||
|
||||
.dbg-source-results {
|
||||
padding: 0;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.dbg-results-header {
|
||||
-moz-padding-start: 6px;
|
||||
}
|
||||
|
||||
.dbg-results-header-location {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-results-header-match-count {
|
||||
-moz-padding-start: 6px;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
.dbg-results-line-number {
|
||||
background: #e2e2e2;
|
||||
min-width: 40px;
|
||||
-moz-border-end: 1px solid #b4c4d3;
|
||||
-moz-padding-end: 4px;
|
||||
padding-top: 2px;
|
||||
text-align: end;
|
||||
color: #8c8c8c;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents {
|
||||
-moz-padding-start: 4px;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true] {
|
||||
background: rgba(255,255,0,0.5);
|
||||
padding: 0;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true][focusing] {
|
||||
transition: transform 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true][focused] {
|
||||
transition-duration: 0.1s;
|
||||
transform: scale(1.75, 1.75);
|
||||
}
|
||||
|
||||
/* Toolbar controls */
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab {
|
||||
min-height: 1em !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#resumption-panel-desc {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#resumption-order-panel {
|
||||
-moz-margin-start: -8px;
|
||||
}
|
||||
|
||||
#resume {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png");
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
transition: background 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
#resume[checked] {
|
||||
background: none;
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#resume ~ toolbarbutton {
|
||||
transition: opacity 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
#resume:not([checked]) ~ toolbarbutton {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#step-over {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
|
||||
}
|
||||
|
||||
#step-in {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
|
||||
}
|
||||
|
||||
#step-out {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
|
||||
}
|
||||
|
||||
#debugger-controls > toolbarbutton,
|
||||
#sources-controls > toolbarbutton {
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
-moz-border-end-width: 1px;
|
||||
outline-offset: -3px;
|
||||
}
|
||||
|
||||
#debugger-controls > toolbarbutton:last-of-type,
|
||||
#sources-controls > toolbarbutton:last-of-type {
|
||||
-moz-border-end-width: 0;
|
||||
}
|
||||
|
||||
#debugger-controls,
|
||||
#sources-controls {
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.15) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
border: 1px solid hsla(210,8%,5%,.45);
|
||||
border-radius: @toolbarbuttonCornerRadius@;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
#instruments-pane-toggle {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#instruments-pane-toggle[pane-collapsed] {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
|
||||
}
|
||||
|
||||
#instruments-pane-toggle:active {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
/* Horizontal vs. vertical layout */
|
||||
|
||||
#vertical-layout-panes-container {
|
||||
min-height: 35vh;
|
||||
max-height: 80vh;
|
||||
}
|
||||
|
||||
#body[layout=vertical] #sources-pane > tabs {
|
||||
-moz-border-end: none;
|
||||
}
|
||||
|
||||
#body[layout=vertical] #instruments-pane {
|
||||
margin: 0 !important;
|
||||
/* To prevent all the margin hacks to hide the sidebar. */
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-container,
|
||||
#body[layout=vertical] .side-menu-widget-empty-text {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-item-arrow {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-group,
|
||||
#body[layout=vertical] .side-menu-widget-item {
|
||||
-moz-margin-end: 0;
|
||||
}
|
||||
%include ../../shared/devtools/debugger.inc.css
|
||||
|
|
Двоичные данные
browser/themes/osx/devtools/itemArrow-rtl.png
До Ширина: | Высота: | Размер: 2.8 KiB |
|
@ -1,553 +1,6 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
#body {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
}
|
||||
|
||||
/* Network requests table */
|
||||
|
||||
#requests-menu-empty-notice {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
padding: 12px;
|
||||
font-size: 110%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#requests-menu-toolbar {
|
||||
height: 32px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.requests-menu-header:first-child {
|
||||
-moz-padding-start: 4px;
|
||||
}
|
||||
|
||||
.requests-menu-subitem {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.requests-menu-header:not(:last-child):-moz-locale-dir(ltr),
|
||||
.requests-menu-subitem:not(:last-child):-moz-locale-dir(ltr) {
|
||||
-moz-border-end: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: 1px 0 0 hsla(210,16%,76%,.1);
|
||||
}
|
||||
|
||||
.requests-menu-header:not(:last-child):-moz-locale-dir(rtl),
|
||||
.requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) {
|
||||
-moz-border-end: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: -1px 0 0 hsla(210,16%,76%,.1);
|
||||
}
|
||||
|
||||
.requests-menu-header-button {
|
||||
-moz-appearance: none;
|
||||
background: none;
|
||||
min-width: 20px;
|
||||
min-height: 32px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
font-weight: inherit !important;
|
||||
transition: background-color 0.1s ease-in-out;
|
||||
}
|
||||
|
||||
.requests-menu-header-button:hover {
|
||||
background: rgba(0,0,0,0.10);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:hover:active {
|
||||
background: rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted] {
|
||||
background: rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted=ascending] {
|
||||
background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted=descending] {
|
||||
background-image: radial-gradient(farthest-side at center bottom, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom;
|
||||
}
|
||||
|
||||
/* Network requests table: specific column dimensions */
|
||||
|
||||
.requests-menu-status-and-method {
|
||||
width: 8em;
|
||||
}
|
||||
|
||||
.requests-menu-status {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.requests-menu-method {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.requests-menu-file {
|
||||
width: 20vw;
|
||||
min-width: 4em;
|
||||
}
|
||||
|
||||
.requests-menu-domain {
|
||||
width: 14vw;
|
||||
min-width: 10em;
|
||||
}
|
||||
|
||||
.requests-menu-type {
|
||||
text-align: center;
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.requests-menu-size {
|
||||
text-align: center;
|
||||
width: 8em;
|
||||
}
|
||||
|
||||
/* Network requests table: status codes */
|
||||
|
||||
box.requests-menu-status {
|
||||
background: #fff;
|
||||
-moz-margin-start: 5px;
|
||||
-moz-margin-end: 5px;
|
||||
border-radius: 20px;
|
||||
box-shadow:
|
||||
0 0 0 1px rgba(255,255,255,0.4) inset,
|
||||
0 -6px 4px 0 rgba(32,32,32,1.0) inset,
|
||||
0 0 8px 0 rgba(32,0,0,0.4);
|
||||
transition: box-shadow 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="1"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,0,64,1.0) inset,
|
||||
0 0 8px 0 rgba(0,0,128,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="2"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,64,0,1.0) inset,
|
||||
0 0 8px 0 rgba(0,128,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="3"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,32,0,1.0) inset,
|
||||
0 0 8px 0 rgba(128,128,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="4"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,0,0,1.0) inset,
|
||||
0 0 8px 0 rgba(128,0,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="5"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,0,64,1.0) inset,
|
||||
0 0 8px 0 rgba(128,0,128,1.0);
|
||||
}
|
||||
|
||||
/* Network requests table: waterfall header */
|
||||
|
||||
#requests-menu-waterfall-label {
|
||||
-moz-padding-start: 8px;
|
||||
-moz-padding-end: 8px;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division {
|
||||
width: 100px;
|
||||
padding-top: 2px;
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #999;
|
||||
font-size: 75%;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:not(:first-child) {
|
||||
-moz-margin-start: -100px !important; /* Don't affect layout. */
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
/* Network requests table: waterfall items */
|
||||
|
||||
.requests-menu-subitem.requests-menu-waterfall {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-padding-end: 4px;
|
||||
background-repeat: repeat-y; /* Background created on a <canvas> in js. */
|
||||
margin-top: -1px; /* Compensate borders. */
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) {
|
||||
background-position: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total {
|
||||
-moz-padding-start: 8px;
|
||||
font-size: 85%;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap {
|
||||
width: 4px;
|
||||
height: 10px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start {
|
||||
-moz-border-end: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end {
|
||||
-moz-border-start: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start:-moz-locale-dir(ltr) {
|
||||
border-radius: 4px 0 0 4px;
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start:-moz-locale-dir(rtl) {
|
||||
border-radius: 0 4px 4px 0;
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end:-moz-locale-dir(ltr) {
|
||||
border-radius: 0 4px 4px 0;
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end:-moz-locale-dir(rtl) {
|
||||
border-radius: 4px 0 0 4px;
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box {
|
||||
height: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.blocked,
|
||||
.requests-menu-timings-cap.blocked {
|
||||
background-color: rgba(255,32,32,0.8);
|
||||
box-shadow: 0 0 8px 0 rgba(128,32,32,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.dns,
|
||||
.requests-menu-timings-cap.dns {
|
||||
background-color: rgba(255,128,255,0.6);
|
||||
box-shadow: 0 0 8px 0 rgba(128,128,255,1.0),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.connect,
|
||||
.requests-menu-timings-cap.connect {
|
||||
background-color: rgba(255,128,16,0.4);
|
||||
box-shadow: 0 0 8px 0 rgba(128,128,16,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.send,
|
||||
.requests-menu-timings-cap.send {
|
||||
background-color: rgba(255,255,128,0.4);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,128,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.wait,
|
||||
.requests-menu-timings-cap.wait {
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,255,0.4),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.receive,
|
||||
.requests-menu-timings-cap.receive {
|
||||
background-color: rgba(255,255,255,1.0);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,255,1.0),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
/* SideMenuWidget */
|
||||
|
||||
.side-menu-widget-item-contents {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.side-menu-widget-container {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.side-menu-widget-item[odd] {
|
||||
background: rgba(255,255,255,0.05);
|
||||
}
|
||||
|
||||
/* Network request details */
|
||||
|
||||
#details-pane {
|
||||
background: hsl(208,11%,27%);
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
#details-pane-toggle {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#details-pane-toggle[pane-collapsed] {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
|
||||
}
|
||||
|
||||
#details-pane-toggle:active {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
/* Network request details tabpanels */
|
||||
|
||||
.tabpanel-content {
|
||||
background: url(background-noise-toolbar.png), #3e4750;
|
||||
box-shadow: 0 1px 0 hsla(204,45%,98%,.05) inset;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tabpanel-summary-container {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.tabpanel-summary-label {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-padding-end: 3px;
|
||||
font-weight: 600;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
color: hsl(210,30%,85%);
|
||||
}
|
||||
|
||||
.tabpanel-summary-value {
|
||||
-moz-padding-start: 3px;
|
||||
}
|
||||
|
||||
/* Headers tabpanel */
|
||||
|
||||
#headers-summary-status,
|
||||
#headers-summary-version {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
#headers-summary-size {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
#headers-summary-resend {
|
||||
margin: 0 6px;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
/* Response tabpanel */
|
||||
|
||||
#response-content-info-header {
|
||||
background:
|
||||
url(background-noise-toolbar.png),
|
||||
linear-gradient(hsl(0,61%,40%), hsl(0,61%,31%)) repeat-x top left;
|
||||
box-shadow:
|
||||
inset 0 1px 0 hsla(210,40%,83%,.15),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
||||
margin: 0;
|
||||
padding: 5px 8px;
|
||||
}
|
||||
|
||||
#response-content-image-box {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#response-content-image {
|
||||
background: #fff;
|
||||
border: 1px dashed GrayText;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Timings tabpanel */
|
||||
|
||||
#timings-tabpanel .tabpanel-summary-label {
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
#timings-tabpanel .requests-menu-timings-box {
|
||||
transition: transform 0.2s ease-out;
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
#timings-tabpanel .requests-menu-timings-total {
|
||||
transition: transform 0.2s ease-out;
|
||||
}
|
||||
|
||||
/* Custom request form */
|
||||
|
||||
#custom-pane {
|
||||
padding: 0.6em 0.5em;
|
||||
}
|
||||
|
||||
.custom-header {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.custom-section {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
#custom-method-value {
|
||||
width: 4.5em;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
#requests-menu-footer {
|
||||
box-shadow: inset 0 1px 16px hsla(210,8%,5%,.3);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button,
|
||||
.requests-menu-footer-label {
|
||||
min-width: 1em;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 2px 1.5vw;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.requests-menu-footer-spacer {
|
||||
min-width: 2px;
|
||||
}
|
||||
|
||||
.requests-menu-footer-spacer,
|
||||
.requests-menu-footer-button {
|
||||
-moz-border-end: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: 1px 0 0 hsla(210,16%,76%,.1);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button {
|
||||
-moz-appearance: none;
|
||||
background: rgba(0,0,0,0.025);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:hover {
|
||||
background: rgba(0,0,0,0.20);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:hover:active {
|
||||
background: rgba(0,0,0,0.35);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:not(:active)[checked] {
|
||||
background-color: rgba(0,0,0,0.25);
|
||||
background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.requests-menu-footer-label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Responsive sidebar */
|
||||
@media (max-width: 700px) {
|
||||
#requests-menu-toolbar {
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.requests-menu-header-button {
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
.requests-menu-footer-button,
|
||||
.requests-menu-footer-label {
|
||||
padding: 2px 2vw;
|
||||
}
|
||||
|
||||
#details-pane {
|
||||
max-width: none;
|
||||
margin: 0 !important;
|
||||
/* To prevent all the margin hacks to hide the sidebar. */
|
||||
}
|
||||
|
||||
.requests-menu-status-and-method {
|
||||
width: 16vw;
|
||||
}
|
||||
|
||||
.requests-menu-file,
|
||||
.requests-menu-domain {
|
||||
width: 30vw;
|
||||
}
|
||||
|
||||
.requests-menu-type {
|
||||
width: 8vw;
|
||||
}
|
||||
|
||||
.requests-menu-size {
|
||||
width: 16vw;
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Timeline" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "Size" column should be hidden. */
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 701px) {
|
||||
#network-table[type-overflows] .requests-menu-domain {
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Type" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "Domain" column should be hidden. */
|
||||
}
|
||||
|
||||
#network-table[domain-overflows] .requests-menu-file {
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Domain" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "File" column should be hidden. */
|
||||
}
|
||||
}
|
||||
%include ../shared.inc
|
||||
%include ../../shared/devtools/netmonitor.inc.css
|
||||
|
|
|
@ -1,713 +1,6 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
/* Generic pane helpers */
|
||||
|
||||
.generic-toggled-side-pane {
|
||||
-moz-margin-start: 0px !important;
|
||||
/* Unfortunately, transitions don't work properly with locale-aware properties,
|
||||
so both the left and right margins are set via js, while the start margin
|
||||
is always overridden here. */
|
||||
}
|
||||
|
||||
.generic-toggled-side-pane[animated] {
|
||||
transition: margin 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
/* BreacrumbsWidget */
|
||||
|
||||
.breadcrumbs-widget-container {
|
||||
-moz-margin-end: 3px;
|
||||
/* A fake 1px-shadow is included in the border-images of the
|
||||
breadcrumbs-widget-items, to match toolbar-buttons style.
|
||||
This negative margin compensates the extra row of pixels created
|
||||
by the shadow.*/
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
/* Preloading hack, LTR */
|
||||
|
||||
.breadcrumbs-widget-container:-moz-locale-dir(ltr)::after {
|
||||
content: '';
|
||||
display: block;
|
||||
background-image:
|
||||
url(breadcrumbs/ltr-start.png),
|
||||
url(breadcrumbs/ltr-start-selected.png),
|
||||
url(breadcrumbs/ltr-start-pressed.png),
|
||||
url(breadcrumbs/ltr-start-selected-pressed.png),
|
||||
url(breadcrumbs/ltr-middle.png),
|
||||
url(breadcrumbs/ltr-middle-selected.png),
|
||||
url(breadcrumbs/ltr-middle-pressed.png),
|
||||
url(breadcrumbs/ltr-middle-selected-pressed.png),
|
||||
url(breadcrumbs/ltr-end.png),
|
||||
url(breadcrumbs/ltr-end-selected.png),
|
||||
url(breadcrumbs/ltr-end-pressed.png),
|
||||
url(breadcrumbs/ltr-end-selected-pressed.png);
|
||||
}
|
||||
|
||||
/* Preloading hack, RTL */
|
||||
|
||||
.breadcrumbs-widget-container:-moz-locale-dir(rtl)::after {
|
||||
content: '';
|
||||
display: block;
|
||||
background-image:
|
||||
url(breadcrumbs/rtl-start.png),
|
||||
url(breadcrumbs/rtl-start-selected.png),
|
||||
url(breadcrumbs/rtl-start-pressed.png),
|
||||
url(breadcrumbs/rtl-start-selected-pressed.png),
|
||||
url(breadcrumbs/rtl-middle.png),
|
||||
url(breadcrumbs/rtl-middle-selected.png),
|
||||
url(breadcrumbs/rtl-middle-pressed.png),
|
||||
url(breadcrumbs/rtl-middle-selected-pressed.png),
|
||||
url(breadcrumbs/rtl-end.png),
|
||||
url(breadcrumbs/rtl-end-selected.png),
|
||||
url(breadcrumbs/rtl-end-pressed.png),
|
||||
url(breadcrumbs/rtl-end-selected-pressed.png);
|
||||
}
|
||||
|
||||
.scrollbutton-up,
|
||||
.scrollbutton-down {
|
||||
-moz-appearance: none;
|
||||
background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.15) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
border: 1px solid hsla(210,8%,5%,.45);
|
||||
margin: 0 0 1px;
|
||||
}
|
||||
|
||||
.scrollbutton-up:not([disabled]):active:hover,
|
||||
.scrollbutton-down:not([disabled]):active:hover {
|
||||
background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
border-color: hsla(210,8%,5%,.6);
|
||||
}
|
||||
|
||||
.scrollbutton-up > .toolbarbutton-icon,
|
||||
.scrollbutton-down > .toolbarbutton-icon {
|
||||
-moz-appearance: none;
|
||||
list-style-image: url("breadcrumbs-scrollbutton.png");
|
||||
-moz-image-region: rect(0px,7px,16px,0px);
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon,
|
||||
.scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon {
|
||||
-moz-image-region: rect(0px,14px,16px,7px);
|
||||
}
|
||||
|
||||
.scrollbutton-up[disabled] > .toolbarbutton-icon,
|
||||
.scrollbutton-down[disabled] > .toolbarbutton-icon {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
|
||||
.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item {
|
||||
background-color: transparent;
|
||||
-moz-appearance: none;
|
||||
overflow: hidden;
|
||||
min-width: 85px;
|
||||
max-width: 250px;
|
||||
min-height: 25px;
|
||||
border-style: solid;
|
||||
border-width: 1px 13px 2px 13px;
|
||||
margin: 0 -11px 0 0;
|
||||
padding: 0 9px;
|
||||
outline: none;
|
||||
color: hsl(210,30%,85%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:-moz-focusring > label {
|
||||
border-bottom: 1px dotted hsla(210,30%,85%,0.4);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag {
|
||||
color: hsl(208,100%,60%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id {
|
||||
color: hsl(205,100%,70%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes {
|
||||
color: hsl(20,100%,70%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item-id,
|
||||
.breadcrumbs-widget-item-classes {
|
||||
color: #8d99a6;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item-pseudo-classes {
|
||||
color: hsl(20,100%,85%);
|
||||
}
|
||||
|
||||
/* Breadcrumbs LTR */
|
||||
|
||||
.breadcrumbs-widget-item:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
/* Breadcrumbs RTL */
|
||||
|
||||
.breadcrumbs-widget-item:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
/* SimpleListWidget */
|
||||
|
||||
.simple-list-widget-item:not(.selected):hover {
|
||||
background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;
|
||||
}
|
||||
|
||||
.simple-list-widget-item.selected {
|
||||
background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.simple-list-widget-perma-text,
|
||||
.simple-list-widget-empty-text {
|
||||
color: GrayText;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
/* FastListWidget */
|
||||
|
||||
.fast-list-widget-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.theme-dark .fast-list-widget-empty-text {
|
||||
padding: 12px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.theme-light .fast-list-widget-empty-text {
|
||||
padding: 4px 8px;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
/* SideMenuWidget */
|
||||
|
||||
.side-menu-widget-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.side-menu-widget-container[theme="dark"] {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.side-menu-widget-container[theme="light"] {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* SideMenuWidget container */
|
||||
|
||||
.side-menu-widget-container:-moz-locale-dir(ltr),
|
||||
.side-menu-widget-empty-text:-moz-locale-dir(ltr) {
|
||||
box-shadow: inset -1px 0 0 #222426;
|
||||
}
|
||||
|
||||
.side-menu-widget-container:-moz-locale-dir(rtl),
|
||||
.side-menu-widget-empty-text:-moz-locale-dir(rtl) {
|
||||
box-shadow: inset 1px 0 0 #222426;
|
||||
}
|
||||
|
||||
.side-menu-widget-group {
|
||||
/* To allow visibility of the dark margin shadow. */
|
||||
-moz-margin-end: 1px;
|
||||
}
|
||||
|
||||
.side-menu-widget-container[with-arrows=true] .side-menu-widget-item {
|
||||
/* To compensate for the arrow image's dark margin. */
|
||||
-moz-margin-end: -1px;
|
||||
}
|
||||
|
||||
/* SideMenuWidget groups */
|
||||
|
||||
.side-menu-widget-group-title {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-group-title[theme="dark"] {
|
||||
background-image: linear-gradient(#1f3e4f, #1b3243);
|
||||
text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
|
||||
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
|
||||
0 -2px 0 hsla(206,37%,4%,.05) inset,
|
||||
0 -1px 1px hsla(206,37%,4%,.1) inset;
|
||||
}
|
||||
|
||||
.side-menu-widget-group-title[theme="light"] {
|
||||
background-image: linear-gradient(#fff, #eee);
|
||||
}
|
||||
|
||||
/* SideMenuWidget items */
|
||||
|
||||
.side-menu-widget-item[theme="dark"] {
|
||||
border-top: 1px solid hsla(210,8%,5%,.25);
|
||||
border-bottom: 1px solid hsla(210,16%,76%,.1);
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item[theme="light"] {
|
||||
border-top: 1px solid hsla(210,8%,75%,.25);
|
||||
border-bottom: 1px solid hsla(210,16%,76%,.1);
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item[theme="dark"]:last-of-type {
|
||||
box-shadow: inset 0 -1px 0 hsla(210,8%,5%,.25);
|
||||
}
|
||||
|
||||
.side-menu-widget-item[theme="light"]:last-of-type {
|
||||
box-shadow: inset 0 -1px 0 hsla(210,8%,75%,.25);
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected {
|
||||
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15);
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
|
||||
background-size: auto, 1px 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: url(itemArrow-ltr.png), linear-gradient(to right, #222426, #222426);
|
||||
background-position: center right, top right;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png), linear-gradient(to right, #222426, #222426);
|
||||
background-position: center left, top left;
|
||||
}
|
||||
|
||||
/* SideMenuWidget items contents */
|
||||
|
||||
.side-menu-widget-item-contents {
|
||||
padding: 4px 0px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-arrow {
|
||||
-moz-margin-start: -8px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other {
|
||||
background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.65);
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other.selected {
|
||||
background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.15);
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.07),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.07);
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other:first-of-type {
|
||||
margin-top: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other:last-of-type {
|
||||
margin-bottom: -4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other > label {
|
||||
color: #f5f7fa;
|
||||
text-shadow: 0 1px 1px #111;
|
||||
}
|
||||
|
||||
/* SideMenuWidget checkboxes */
|
||||
|
||||
.side-menu-widget-group-checkbox {
|
||||
margin: 0;
|
||||
-moz-margin-end: 4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-checkbox {
|
||||
margin: 0;
|
||||
-moz-margin-start: 4px;
|
||||
-moz-margin-end: -4px;
|
||||
}
|
||||
|
||||
/* SideMenuWidget misc */
|
||||
|
||||
.side-menu-widget-empty-text[theme="dark"] {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
padding: 12px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.side-menu-widget-empty-text[theme="light"] {
|
||||
background: #fff;
|
||||
padding: 4px 8px;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
/* VariablesView */
|
||||
|
||||
.variables-view-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.variables-view-empty-notice {
|
||||
color: GrayText;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.variables-view-scope > .title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Generic variables traits */
|
||||
|
||||
.variables-view-variable:not(:last-child) {
|
||||
border-bottom: 1px solid rgba(128, 128, 128, .15);
|
||||
}
|
||||
|
||||
.variables-view-variable > .title > .name {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Generic variables *and* properties traits */
|
||||
|
||||
.variable-or-property:focus > .title > label {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
.variable-or-property > .title > .value {
|
||||
-moz-box-flex: 1;
|
||||
}
|
||||
|
||||
.variable-or-property > .title > .arrow {
|
||||
-moz-margin-start: 3px;
|
||||
}
|
||||
|
||||
.variable-or-property:not([untitled]) > .variables-view-element-details {
|
||||
-moz-margin-start: 7px;
|
||||
}
|
||||
|
||||
/* Traits applied when variables or properties are changed or overridden */
|
||||
|
||||
.variable-or-property:not([overridden]) {
|
||||
transition: background 1s ease-in-out;
|
||||
}
|
||||
|
||||
.variable-or-property:not([overridden])[changed] {
|
||||
transition-duration: .4s;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] {
|
||||
background: rgba(128,128,128,0.05);
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] .title > label {
|
||||
/* Cross out the title for this variable and all child properties. */
|
||||
font-style: italic;
|
||||
text-decoration: line-through;
|
||||
border-bottom: none !important;
|
||||
color: rgba(128,128,128,0.9);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Traits applied when variables or properties are editable */
|
||||
|
||||
.variable-or-property[editable] > .title > .value {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] .title > .value {
|
||||
/* Disallow editing this variable and all child properties. */
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Custom configurable/enumerable/writable or frozen/sealed/extensible
|
||||
* variables and properties */
|
||||
|
||||
.variable-or-property[non-enumerable]:not([self]):not([pseudo-item]) > .title > .name {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.variable-or-property[non-configurable]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #99f;
|
||||
}
|
||||
|
||||
.variable-or-property[non-writable]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #f99;
|
||||
}
|
||||
|
||||
.variable-or-property[safe-getter]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #8b0;
|
||||
}
|
||||
|
||||
.variable-or-property-non-writable-icon {
|
||||
background: url("chrome://browser/skin/identity-icons-https.png") no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@media (min-resolution: 2dppx) {
|
||||
.variable-or-property-non-writable-icon {
|
||||
background-image: url("chrome://browser/skin/identity-icons-https@2x.png");
|
||||
background-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.variable-or-property-frozen-label,
|
||||
.variable-or-property-sealed-label,
|
||||
.variable-or-property-non-extensible-label {
|
||||
-moz-padding-end: 4px;
|
||||
}
|
||||
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-frozen-label,
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-sealed-label,
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-non-extensible-label {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* Aligned values */
|
||||
|
||||
.variables-view-container[aligned-values] .title > .separator {
|
||||
-moz-box-flex: 1;
|
||||
}
|
||||
|
||||
.variables-view-container[aligned-values] .title > .value {
|
||||
-moz-box-flex: 0;
|
||||
width: 70vw;
|
||||
}
|
||||
|
||||
.variables-view-container[aligned-values] .title > .element-value-input {
|
||||
width: calc(70vw - 10px);
|
||||
}
|
||||
|
||||
/* Actions first */
|
||||
|
||||
.variables-view-container[actions-first] .variables-view-delete,
|
||||
.variables-view-container[actions-first] .variables-view-add-property {
|
||||
-moz-box-ordinal-group: 0;
|
||||
}
|
||||
|
||||
.variables-view-container[actions-first] [invisible] {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Variables and properties tooltips */
|
||||
|
||||
.variable-or-property > tooltip > label {
|
||||
margin: 0 2px 0 2px;
|
||||
}
|
||||
|
||||
.variable-or-property[non-enumerable] > tooltip > label.enumerable,
|
||||
.variable-or-property[non-configurable] > tooltip > label.configurable,
|
||||
.variable-or-property[non-writable] > tooltip > label.writable,
|
||||
.variable-or-property[non-extensible] > tooltip > label.extensible {
|
||||
color: #800;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] > tooltip > label.overridden {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #000;
|
||||
}
|
||||
|
||||
.variable-or-property[safe-getter] > tooltip > label.WebIDL {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #000;
|
||||
color: #080;
|
||||
}
|
||||
|
||||
/* Variables and properties editing */
|
||||
|
||||
.variables-view-delete {
|
||||
list-style-image: url("chrome://browser/skin/devtools/vview-delete.png");
|
||||
-moz-image-region: rect(0,16px,16px,0);
|
||||
}
|
||||
|
||||
.variables-view-delete:hover {
|
||||
-moz-image-region: rect(0,32px,16px,16px);
|
||||
}
|
||||
|
||||
.variables-view-delete:active {
|
||||
-moz-image-region: rect(0,48px,16px,32px);
|
||||
}
|
||||
|
||||
.variables-view-edit {
|
||||
background: url("chrome://browser/skin/devtools/vview-edit.png") center no-repeat;
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.variables-view-throbber {
|
||||
background: url("chrome://global/skin/icons/loading_16.png") center no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.element-value-input {
|
||||
-moz-margin-start: -2px !important;
|
||||
-moz-margin-end: 2px !important;
|
||||
}
|
||||
|
||||
.element-name-input {
|
||||
-moz-margin-start: -2px !important;
|
||||
-moz-margin-end: 2px !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.element-value-input,
|
||||
.element-name-input {
|
||||
border: 1px solid rgba(128, 128, 128, .5) !important;
|
||||
border-radius: 0;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Variables and properties searching */
|
||||
|
||||
.variables-view-searchinput {
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
.variable-or-property[unmatched] {
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Expand/collapse arrow */
|
||||
|
||||
.arrow {
|
||||
-moz-appearance: treetwisty;
|
||||
}
|
||||
|
||||
.arrow[open] {
|
||||
-moz-appearance: treetwistyopen;
|
||||
}
|
||||
|
||||
.arrow[invisible] {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
%include ../../shared/devtools/app-manager/manifest-editor.inc.css
|
||||
%include ../shared.inc
|
||||
%include ../../shared/devtools/widgets.inc.css
|
||||
|
|
|
@ -301,13 +301,15 @@ browser.jar:
|
|||
* skin/classic/browser/devtools/shadereditor.css (devtools/shadereditor.css)
|
||||
* skin/classic/browser/devtools/debugger.css (devtools/debugger.css)
|
||||
* skin/classic/browser/devtools/profiler.css (devtools/profiler.css)
|
||||
skin/classic/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/browser/devtools/scratchpad.css (devtools/scratchpad.css)
|
||||
skin/classic/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
|
||||
skin/classic/browser/devtools/option-icon.png (devtools/option-icon.png)
|
||||
skin/classic/browser/devtools/itemToggle.png (devtools/itemToggle.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.png (devtools/itemArrow-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.png (devtools/itemArrow-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-rtl.png (../shared/devtools/images/itemArrow-dark-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-ltr.png (../shared/devtools/images/itemArrow-dark-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.png (../shared/devtools/images/itemArrow-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.png (../shared/devtools/images/itemArrow-ltr.png)
|
||||
skin/classic/browser/devtools/background-noise-toolbar.png (devtools/background-noise-toolbar.png)
|
||||
skin/classic/browser/devtools/noise.png (devtools/noise.png)
|
||||
skin/classic/browser/devtools/inspect-button.png (devtools/inspect-button.png)
|
||||
|
|
|
@ -176,7 +176,9 @@
|
|||
}
|
||||
|
||||
.devtools-tooltip[clamped-dimensions] {
|
||||
min-height: 100px;
|
||||
max-height: 400px;
|
||||
min-width: 100px;
|
||||
max-width: 400px;
|
||||
}
|
||||
.devtools-tooltip[clamped-dimensions] .panel-arrowcontent {
|
||||
|
|
|
@ -0,0 +1,623 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
/* Sources and breakpoints pane */
|
||||
|
||||
#sources-pane > tabs {
|
||||
-moz-border-end: 1px solid #222426; /* Match the sources list's dark margin. */
|
||||
}
|
||||
|
||||
#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
#sources-pane .devtools-toolbar {
|
||||
border: none; /* Remove the devtools-toolbar's black bottom border. */
|
||||
-moz-border-end: 1px solid #222426; /* Match the sources list's dark margin. */
|
||||
}
|
||||
|
||||
/* Sources and breakpoints list */
|
||||
|
||||
.dbg-source-item {
|
||||
padding: 2px 0px;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-line {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-text {
|
||||
-moz-padding-start: 6px;
|
||||
font-style: italic;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-checkbox {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
/* Sources toolbar */
|
||||
|
||||
#sources-toolbar > .devtools-toolbarbutton,
|
||||
#sources-controls > .devtools-toolbarbutton {
|
||||
min-width: 32px;
|
||||
}
|
||||
|
||||
#black-box {
|
||||
list-style-image: url(debugger-blackbox.png);
|
||||
}
|
||||
|
||||
#pretty-print {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#toggle-breakpoints {
|
||||
list-style-image: url(debugger-toggleBreakpoints.png);
|
||||
}
|
||||
|
||||
#sources-toolbar .devtools-toolbarbutton:not([label]) {
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#sources .black-boxed {
|
||||
color: rgba(255,255,255,0.4);
|
||||
}
|
||||
|
||||
#sources .black-boxed > .dbg-breakpoint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Black box message and source progress meter */
|
||||
|
||||
#black-boxed-message,
|
||||
#source-progress-container {
|
||||
background: url(background-noise-toolbar.png);
|
||||
/* Prevent the container deck from aquiring the size from this message. */
|
||||
min-width: 1px;
|
||||
min-height: 1px;
|
||||
}
|
||||
|
||||
#source-progress {
|
||||
min-height: 2em;
|
||||
min-width: 40em;
|
||||
}
|
||||
|
||||
#black-boxed-message-label,
|
||||
#black-boxed-message-button {
|
||||
text-align: center;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
#black-boxed-message-button {
|
||||
margin-top: 1em;
|
||||
padding: .25em;
|
||||
}
|
||||
|
||||
/* Breadcrumbs stack frames view */
|
||||
|
||||
.breadcrumbs-widget-item {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.dbg-stackframe-details {
|
||||
-moz-padding-start: 4px;
|
||||
}
|
||||
|
||||
/* Classic stack frames view */
|
||||
|
||||
.dbg-classic-stackframe {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-title {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details:-moz-locale-dir(ltr) {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details:-moz-locale-dir(rtl) {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details-url {
|
||||
max-width: 90%;
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
.theme-dark .dbg-classic-stackframe-details-url {
|
||||
color: #b8c8d9; /* Light content text */
|
||||
}
|
||||
|
||||
.theme-light .dbg-classic-stackframe-details-url {
|
||||
color: #667380; /* Dark grey content text */
|
||||
}
|
||||
|
||||
.theme-dark .dbg-classic-stackframe-details-sep {
|
||||
color: #b6babf; /* Grey foreground text */
|
||||
}
|
||||
|
||||
.theme-light .dbg-classic-stackframe-details-sep {
|
||||
color: #585959; /* Grey foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .dbg-classic-stackframe-details-line {
|
||||
color: #5e88b0; /* Highlight blue grey */
|
||||
}
|
||||
|
||||
.theme-light .dbg-classic-stackframe-details-line {
|
||||
color: #5f88b0; /* Highlight blue grey */
|
||||
}
|
||||
|
||||
#callstack-list .selected label {
|
||||
/* Text inside a selected item should not be custom colored. */
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
/* Tracer */
|
||||
|
||||
#trace {
|
||||
list-style-image: url(tracer-icon.png);
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#trace[checked] {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#clear-tracer {
|
||||
/* Make this button as narrow as the text inside it. */
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
.trace-name {
|
||||
-moz-padding-start: 4px;
|
||||
}
|
||||
|
||||
/* Tracer dark theme */
|
||||
|
||||
.theme-dark .trace-item {
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .trace-item.selected-matching {
|
||||
background-color: rgba(29,79,115,.4); /* Select highlight blue at 40% alpha */
|
||||
}
|
||||
|
||||
.theme-dark .selected > .trace-item {
|
||||
background-color: rgba(29,79,115,.6); /* Select highlight blue at 60% alpha */
|
||||
}
|
||||
|
||||
.theme-dark .trace-call {
|
||||
color: #46afe3; /* Highlight blue */
|
||||
}
|
||||
|
||||
.theme-dark .trace-return,
|
||||
.theme-dark .trace-yield {
|
||||
color: #70bf53; /* Highlight green */
|
||||
}
|
||||
|
||||
.theme-dark .trace-throw {
|
||||
color: #eb5368; /* Highlight red */
|
||||
}
|
||||
|
||||
.theme-dark .trace-param {
|
||||
color: #b8c8d9; /* Content text light */
|
||||
}
|
||||
|
||||
.theme-dark .trace-syntax {
|
||||
color: #8fa1b2; /* Content text grey */
|
||||
}
|
||||
|
||||
/* Tracer light theme */
|
||||
|
||||
.theme-light .trace-item {
|
||||
color: #292e33; /* Dark foreground text */
|
||||
}
|
||||
|
||||
.theme-light .trace-item.selected-matching {
|
||||
background-color: rgba(76,158,217,.4); /* Select highlight blue at 40% alpha */
|
||||
}
|
||||
|
||||
.theme-light .selected > .trace-item {
|
||||
background-color: rgba(76,158,217,.6); /* Select highlight blue at 60% alpha */
|
||||
}
|
||||
|
||||
.theme-light .trace-call {
|
||||
color: #0088cc; /* Highlight blue */
|
||||
}
|
||||
|
||||
.theme-light .trace-return,
|
||||
.theme-light .trace-yield {
|
||||
color: #2cbb0f; /* Highlight green */
|
||||
}
|
||||
|
||||
.theme-light .trace-throw {
|
||||
color: #ed2655; /* Highlight red */
|
||||
}
|
||||
|
||||
.theme-light .trace-param {
|
||||
color: #667380; /* Content text dark grey */
|
||||
}
|
||||
|
||||
.theme-light .trace-syntax {
|
||||
color: #8fa1b2; /* Content text grey */
|
||||
}
|
||||
|
||||
#tracer-traces .selected label {
|
||||
/* Text inside a selected item should not be custom colored. */
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
/* Watch expressions view */
|
||||
|
||||
#expressions {
|
||||
min-height: 10px;
|
||||
max-height: 125px;
|
||||
}
|
||||
|
||||
.dbg-expression {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.dbg-expression-arrow {
|
||||
width: 16px;
|
||||
height: auto;
|
||||
margin: 2px;
|
||||
background: -moz-image-rect(url(commandline-icon.png), 0, 32, 16, 16);
|
||||
}
|
||||
|
||||
.dbg-expression-input {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Event listeners view */
|
||||
|
||||
.dbg-event-listener-type {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.theme-dark .dbg-event-listener-location {
|
||||
color: #b8c8d9; /* Light content text */
|
||||
}
|
||||
|
||||
.theme-light .dbg-event-listener-location {
|
||||
color: #667380; /* Dark grey content text */
|
||||
}
|
||||
|
||||
.theme-dark .dbg-event-listener-separator {
|
||||
color: #b6babf; /* Grey foreground text */
|
||||
}
|
||||
|
||||
.theme-light .dbg-event-listener-separator {
|
||||
color: #585959; /* Grey foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .dbg-event-listener-targets {
|
||||
color: #5e88b0; /* Highlight blue grey */
|
||||
}
|
||||
|
||||
.theme-light .dbg-event-listener-targets {
|
||||
color: #5f88b0; /* Highlight blue grey */
|
||||
}
|
||||
|
||||
.theme-dark #event-listeners .selected {
|
||||
/* Selected items shouldn't be displayed differently. */
|
||||
background: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.theme-light #event-listeners .selected {
|
||||
/* Selected items shouldn't be displayed differently. */
|
||||
background: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* Searchbox and the search operations help panel */
|
||||
|
||||
#searchbox {
|
||||
min-width: 220px;
|
||||
-moz-margin-start: 1px;
|
||||
}
|
||||
|
||||
#filter-label {
|
||||
-moz-margin-start: 2px;
|
||||
}
|
||||
|
||||
#searchbox-panel-operators {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 8px;
|
||||
-moz-margin-start: 2px;
|
||||
}
|
||||
|
||||
.searchbox-panel-operator-button {
|
||||
min-width: 26px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
-moz-margin-start: 2px;
|
||||
-moz-margin-end: 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.searchbox-panel-operator-label {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
/* Searchbox results panel */
|
||||
|
||||
#results-panel {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.results-panel-item {
|
||||
padding: 6px 8px;
|
||||
border-top: 1px solid rgba(128,128,128,0.2);
|
||||
}
|
||||
|
||||
.results-panel-item:first-of-type {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.results-panel-item-label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.results-panel-item-label-before {
|
||||
-moz-padding-end: 6px;
|
||||
}
|
||||
|
||||
.theme-dark .results-panel-item-label {
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-light .results-panel-item-label {
|
||||
color: #18191a; /* Dark foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .results-panel-item-label-before {
|
||||
color: #5e88b0; /* Highlight blue grey */
|
||||
}
|
||||
|
||||
.theme-light .results-panel-item-label-before {
|
||||
color: #5f88b0; /* Highlight blue grey */
|
||||
}
|
||||
|
||||
.theme-dark .results-panel-item-label-below {
|
||||
color: #5f7387; /* Dark grey content text */
|
||||
}
|
||||
|
||||
.theme-light .results-panel-item-label-below {
|
||||
color: #667380; /* Dark grey content text */
|
||||
}
|
||||
|
||||
#results-panel .selected label {
|
||||
/* Text inside a selected item should not be custom colored. */
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
/* Sources search view */
|
||||
|
||||
#globalsearch {
|
||||
min-height: 10px;
|
||||
max-height: 50vh;
|
||||
}
|
||||
|
||||
.dbg-results-header {
|
||||
-moz-padding-start: 6px;
|
||||
}
|
||||
|
||||
.dbg-results-header-location {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-results-header-match-count {
|
||||
-moz-padding-start: 6px;
|
||||
}
|
||||
|
||||
.dbg-results-line-number {
|
||||
min-width: 3em;
|
||||
-moz-border-end: 1px solid rgba(128,128,128,0.2);
|
||||
-moz-padding-end: 4px;
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents {
|
||||
-moz-padding-start: 4px;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true] {
|
||||
background-color: rgba(255,255,0,0.2);
|
||||
border: 1px solid rgba(128,128,128,0.7);
|
||||
border-radius: 4px;
|
||||
margin-top: -1px !important;
|
||||
margin-bottom: -1px !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true][focusing] {
|
||||
transition: transform 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true][focused] {
|
||||
transition-duration: 0.1s;
|
||||
transform: scale(1.75, 1.75);
|
||||
}
|
||||
|
||||
.theme-dark .dbg-results-header {
|
||||
background-color: #252c33; /* Tab toolbar */
|
||||
color: #b8c8d9; /* Light content text */
|
||||
}
|
||||
|
||||
.theme-light .dbg-results-header {
|
||||
background-color: #ebeced; /* Tab toolbar */
|
||||
color: #667380; /* Dark grey content text */
|
||||
}
|
||||
|
||||
.theme-dark .dbg-search-result:hover {
|
||||
background-color: rgba(29,79,115,.2); /* Select highlight blue at 40% alpha */
|
||||
}
|
||||
|
||||
.theme-light .dbg-search-result:hover {
|
||||
background-color: rgba(76,158,217,.2); /* Select highlight blue at 40% alpha */
|
||||
}
|
||||
|
||||
.theme-dark .dbg-results-header-match-count {
|
||||
color: #5f7387; /* Dark grey content text */
|
||||
}
|
||||
|
||||
.theme-light .dbg-results-header-match-count {
|
||||
color: #667380; /* Dark grey content text */
|
||||
}
|
||||
|
||||
.theme-dark .dbg-results-line-number {
|
||||
background-color: #252c33; /* Tab toolbars */
|
||||
color: #b6babf; /* Grey foreground text */
|
||||
}
|
||||
|
||||
.theme-light .dbg-results-line-number {
|
||||
background-color: #ebeced; /* Tab toolbars */
|
||||
color: #585959; /* Grey foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .dbg-results-line-contents-string {
|
||||
color: #b6babf; /* Grey foreground text */
|
||||
}
|
||||
|
||||
.theme-light .dbg-results-line-contents-string {
|
||||
color: #585959; /* Grey foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .dbg-results-line-contents-string[match=true] {
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-light .dbg-results-line-contents-string[match=true] {
|
||||
color: #18191a; /* Dark foreground text */
|
||||
}
|
||||
|
||||
/* Toolbar controls */
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab {
|
||||
min-height: 1em !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#resumption-panel-desc {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#resumption-order-panel {
|
||||
-moz-margin-start: -8px;
|
||||
}
|
||||
|
||||
#resume {
|
||||
list-style-image: url(debugger-pause.png);
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
transition: background 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
#resume[checked] {
|
||||
background: none;
|
||||
list-style-image: url(debugger-play.png);
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#resume ~ toolbarbutton {
|
||||
transition: opacity 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
#resume:not([checked]) ~ toolbarbutton {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#step-over {
|
||||
list-style-image: url(debugger-step-over.png);
|
||||
}
|
||||
|
||||
#step-in {
|
||||
list-style-image: url(debugger-step-in.png);
|
||||
}
|
||||
|
||||
#step-out {
|
||||
list-style-image: url(debugger-step-out.png);
|
||||
}
|
||||
|
||||
#debugger-controls > toolbarbutton,
|
||||
#sources-controls > toolbarbutton {
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
-moz-border-end-width: 1px;
|
||||
outline-offset: -3px;
|
||||
}
|
||||
|
||||
#debugger-controls > toolbarbutton:last-of-type,
|
||||
#sources-controls > toolbarbutton:last-of-type {
|
||||
-moz-border-end-width: 0;
|
||||
}
|
||||
|
||||
#debugger-controls,
|
||||
#sources-controls {
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.15) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
border: 1px solid hsla(210,8%,5%,.45);
|
||||
border-radius: 3px;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
#instruments-pane-toggle {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
list-style-image: url(debugger-collapse.png);
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#instruments-pane-toggle[pane-collapsed] {
|
||||
list-style-image: url(debugger-expand.png);
|
||||
}
|
||||
|
||||
#instruments-pane-toggle:active {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
/* Horizontal vs. vertical layout */
|
||||
|
||||
#vertical-layout-panes-container {
|
||||
min-height: 35vh;
|
||||
max-height: 80vh;
|
||||
}
|
||||
|
||||
#body[layout=vertical] #sources-pane > tabs {
|
||||
-moz-border-end: none;
|
||||
}
|
||||
|
||||
#body[layout=vertical] #instruments-pane {
|
||||
margin: 0 !important;
|
||||
/* To prevent all the margin hacks to hide the sidebar. */
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-container,
|
||||
#body[layout=vertical] .side-menu-widget-empty-text {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-item-arrow {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-group,
|
||||
#body[layout=vertical] .side-menu-widget-item {
|
||||
-moz-margin-end: 0;
|
||||
}
|
До Ширина: | Высота: | Размер: 2.8 KiB После Ширина: | Высота: | Размер: 2.8 KiB |
До Ширина: | Высота: | Размер: 2.8 KiB После Ширина: | Высота: | Размер: 2.8 KiB |
До Ширина: | Высота: | Размер: 2.8 KiB После Ширина: | Высота: | Размер: 2.8 KiB |
До Ширина: | Высота: | Размер: 2.8 KiB После Ширина: | Высота: | Размер: 2.8 KiB |
|
@ -0,0 +1,584 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
#body {
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Dark toolbars */
|
||||
}
|
||||
|
||||
#requests-menu-empty-notice {
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Dark toolbars */
|
||||
padding: 12px;
|
||||
font-size: 110%;
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
%filter substitution
|
||||
%define tableBorderLight rgba(0,0,0,0.2)
|
||||
%define tableBorderDark rgba(128,128,128,0.15)
|
||||
|
||||
/* Network requests table */
|
||||
|
||||
#requests-menu-toolbar {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.requests-menu-header:first-child,
|
||||
.requests-menu-subitem:first-child {
|
||||
-moz-padding-start: 6px;
|
||||
}
|
||||
|
||||
.requests-menu-subitem {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.requests-menu-header:not(:last-child):-moz-locale-dir(ltr),
|
||||
.requests-menu-subitem:not(:last-child):-moz-locale-dir(ltr) {
|
||||
-moz-border-end: 1px solid @tableBorderLight@;
|
||||
box-shadow: 1px 0 0 @tableBorderDark@;
|
||||
}
|
||||
|
||||
.requests-menu-header:not(:last-child):-moz-locale-dir(rtl),
|
||||
.requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) {
|
||||
-moz-border-end: 1px solid @tableBorderLight@;
|
||||
box-shadow: -1px 0 0 @tableBorderDark@;
|
||||
}
|
||||
|
||||
.requests-menu-header-button {
|
||||
-moz-appearance: none;
|
||||
background: none;
|
||||
min-width: 1px;
|
||||
min-height: 32px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
font-weight: inherit !important;
|
||||
transition: background-color 0.1s ease-in-out;
|
||||
}
|
||||
|
||||
.requests-menu-header-button:hover {
|
||||
background: rgba(0,0,0,0.10);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:hover:active {
|
||||
background: rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted] {
|
||||
background: rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted=ascending] {
|
||||
background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted=descending] {
|
||||
background-image: radial-gradient(farthest-side at center bottom, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom;
|
||||
}
|
||||
|
||||
/* Network requests table: specific column dimensions */
|
||||
|
||||
.requests-menu-status-and-method {
|
||||
width: 8em;
|
||||
}
|
||||
|
||||
.requests-menu-status {
|
||||
width: 20px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.requests-menu-method {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.requests-menu-file {
|
||||
width: 20vw;
|
||||
min-width: 4em;
|
||||
}
|
||||
|
||||
.requests-menu-domain {
|
||||
width: 14vw;
|
||||
min-width: 10em;
|
||||
}
|
||||
|
||||
.requests-menu-type {
|
||||
text-align: center;
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.requests-menu-size {
|
||||
text-align: center;
|
||||
width: 8em;
|
||||
}
|
||||
|
||||
/* Network requests table: status codes */
|
||||
|
||||
box.requests-menu-status {
|
||||
background: #fff;
|
||||
width: 10px;
|
||||
-moz-margin-start: 5px;
|
||||
-moz-margin-end: 5px;
|
||||
border-radius: 10px;
|
||||
transition: box-shadow 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
box.requests-menu-status:not([code]) {
|
||||
box-shadow:
|
||||
0 0 0 1px rgba(255,255,255,0.4) inset,
|
||||
0 -6px 4px 0 rgba(32,32,32,1.0) inset,
|
||||
0 0 8px 0 rgba(32,0,0,0.4);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="1"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,0,64,1.0) inset,
|
||||
0 0 8px 0 rgba(0,0,128,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="2"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,64,0,1.0) inset,
|
||||
0 0 8px 0 rgba(0,128,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="3"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,32,0,1.0) inset,
|
||||
0 0 8px 0 rgba(128,128,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="4"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,0,0,1.0) inset,
|
||||
0 0 8px 0 rgba(128,0,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="5"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,0,64,1.0) inset,
|
||||
0 0 8px 0 rgba(128,0,128,1.0);
|
||||
}
|
||||
|
||||
/* Network requests table: waterfall header */
|
||||
|
||||
#requests-menu-waterfall-label {
|
||||
-moz-padding-start: 8px;
|
||||
-moz-padding-end: 8px;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division {
|
||||
width: 100px;
|
||||
padding-top: 2px;
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #999;
|
||||
font-size: 75%;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:not(:first-child) {
|
||||
-moz-margin-start: -100px !important; /* Don't affect layout. */
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division[division-scale=millisecond] {
|
||||
-moz-border-start-color: #f5f7fa !important; /* Light foreground text */
|
||||
}
|
||||
|
||||
.requests-menu-timings-division[division-scale=second] {
|
||||
-moz-border-start-color: #d99b28 !important; /* Light orange highlight color */
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division[division-scale=minute] {
|
||||
-moz-border-start-color: #eb5368 !important; /* Red highlight color */
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Network requests table: waterfall items */
|
||||
|
||||
.requests-menu-subitem.requests-menu-waterfall {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-padding-end: 4px;
|
||||
background-repeat: repeat-y; /* Background created on a <canvas> in js. */
|
||||
margin-top: -1px; /* Compensate borders. */
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) {
|
||||
background-position: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total {
|
||||
-moz-padding-start: 8px;
|
||||
font-size: 85%;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap {
|
||||
width: 4px;
|
||||
height: 9px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start {
|
||||
-moz-border-end: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end {
|
||||
-moz-border-start: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start:-moz-locale-dir(ltr) {
|
||||
border-radius: 4px 0 0 4px;
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start:-moz-locale-dir(rtl) {
|
||||
border-radius: 0 4px 4px 0;
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end:-moz-locale-dir(ltr) {
|
||||
border-radius: 0 4px 4px 0;
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end:-moz-locale-dir(rtl) {
|
||||
border-radius: 4px 0 0 4px;
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box {
|
||||
height: 9px;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.blocked,
|
||||
.requests-menu-timings-cap.blocked {
|
||||
background-color: rgba(255,32,32,0.8);
|
||||
box-shadow: 0 0 8px 0 rgba(128,32,32,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.dns,
|
||||
.requests-menu-timings-cap.dns {
|
||||
background-color: rgba(255,128,255,0.6);
|
||||
box-shadow: 0 0 8px 0 rgba(128,128,255,1.0),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.connect,
|
||||
.requests-menu-timings-cap.connect {
|
||||
background-color: rgba(255,128,16,0.4);
|
||||
box-shadow: 0 0 8px 0 rgba(128,128,16,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.send,
|
||||
.requests-menu-timings-cap.send {
|
||||
background-color: rgba(255,255,128,0.4);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,128,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.wait,
|
||||
.requests-menu-timings-cap.wait {
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,255,0.4),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.receive,
|
||||
.requests-menu-timings-cap.receive {
|
||||
background-color: rgba(255,255,255,1.0);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,255,1.0),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
/* SideMenuWidget */
|
||||
|
||||
.side-menu-widget-item-contents {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item:not(.selected)[odd] {
|
||||
background: rgba(255,255,255,0.05);
|
||||
}
|
||||
|
||||
/* The network monitor table is temporarily always dark.
|
||||
The redesign will be taken care of in bug 909251. */
|
||||
|
||||
.theme-light .side-menu-widget-container {
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Toolbars */
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item {
|
||||
border-top: 1px solid @tableBorderLight@;
|
||||
border-bottom: 1px solid @tableBorderDark@;
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item:last-of-type {
|
||||
box-shadow: inset 0 -1px 0 @tableBorderLight@;
|
||||
}
|
||||
|
||||
/* Network request details */
|
||||
|
||||
#details-pane {
|
||||
background: #343c45; /* Dark toolbars */
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
#details-pane-toggle {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#details-pane-toggle[pane-collapsed] {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
|
||||
}
|
||||
|
||||
#details-pane-toggle:active {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
/* Network request details tabpanels */
|
||||
|
||||
.tabpanel-content {
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Dark toolbars */
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.tabpanel-summary-container {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.tabpanel-summary-label {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-padding-end: 3px;
|
||||
font-weight: 600;
|
||||
color: #f5f7fa; /* Dark foreground text */
|
||||
}
|
||||
|
||||
.tabpanel-summary-value {
|
||||
-moz-padding-start: 3px;
|
||||
}
|
||||
|
||||
/* Headers tabpanel */
|
||||
|
||||
#headers-summary-status,
|
||||
#headers-summary-version {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
#headers-summary-size {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
#headers-summary-resend {
|
||||
margin-top: -10px;
|
||||
-moz-margin-end: 6px;
|
||||
}
|
||||
|
||||
/* Response tabpanel */
|
||||
|
||||
#response-content-info-header {
|
||||
background: linear-gradient(hsl(0,60%,40%), hsl(0,60%,30%)) repeat-x top left;
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,80%,.15),
|
||||
inset 0 -1px 0 hsla(210,40%,80%,.05);
|
||||
margin: 0;
|
||||
padding: 5px 8px;
|
||||
}
|
||||
|
||||
#response-content-image-box {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#response-content-image {
|
||||
background: #fff;
|
||||
border: 1px dashed GrayText;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Timings tabpanel */
|
||||
|
||||
#timings-tabpanel .tabpanel-summary-label {
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
#timings-tabpanel .requests-menu-timings-box {
|
||||
transition: transform 0.2s ease-out;
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
#timings-tabpanel .requests-menu-timings-total {
|
||||
transition: transform 0.2s ease-out;
|
||||
}
|
||||
|
||||
/* Custom request form */
|
||||
|
||||
#custom-pane {
|
||||
padding: 0.6em 0.5em;
|
||||
}
|
||||
|
||||
.custom-header {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.custom-section {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
#custom-method-value {
|
||||
width: 4.5em;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
#requests-menu-footer {
|
||||
box-shadow: inset 0 1px 16px hsla(210,5%,5%,.3);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button,
|
||||
.requests-menu-footer-label {
|
||||
min-width: 1em;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 2px 1.5vw;
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.requests-menu-footer-spacer {
|
||||
min-width: 2px;
|
||||
}
|
||||
|
||||
.requests-menu-footer-spacer:not(:first-of-type),
|
||||
.requests-menu-footer-button:not(:first-of-type) {
|
||||
-moz-border-start: 1px solid @tableBorderDark@;
|
||||
box-shadow: -1px 0 0 @tableBorderLight@;
|
||||
}
|
||||
|
||||
.requests-menu-footer-button {
|
||||
-moz-appearance: none;
|
||||
background: rgba(0,0,0,0.025);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:hover {
|
||||
background: rgba(0,0,0,0.20);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:hover:active {
|
||||
background: rgba(0,0,0,0.35);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:not(:active)[checked] {
|
||||
background-color: rgba(0,0,0,0.25);
|
||||
background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.requests-menu-footer-label {
|
||||
padding-top: 2px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Responsive sidebar */
|
||||
@media (max-width: 700px) {
|
||||
#requests-menu-toolbar {
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
.requests-menu-header-button {
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
.requests-menu-footer-button,
|
||||
.requests-menu-footer-label {
|
||||
padding: 2px 2vw;
|
||||
}
|
||||
|
||||
#details-pane {
|
||||
max-width: none;
|
||||
margin: 0 !important;
|
||||
/* To prevent all the margin hacks to hide the sidebar. */
|
||||
}
|
||||
|
||||
.requests-menu-status-and-method {
|
||||
width: 16vw;
|
||||
}
|
||||
|
||||
.requests-menu-file,
|
||||
.requests-menu-domain {
|
||||
width: 30vw;
|
||||
}
|
||||
|
||||
.requests-menu-type {
|
||||
width: 8vw;
|
||||
}
|
||||
|
||||
.requests-menu-size {
|
||||
width: 16vw;
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Timeline" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "Size" column should be hidden. */
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 701px) {
|
||||
#network-table[type-overflows] .requests-menu-domain {
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Type" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "Domain" column should be hidden. */
|
||||
}
|
||||
|
||||
#network-table[domain-overflows] .requests-menu-file {
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Domain" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "File" column should be hidden. */
|
||||
}
|
||||
}
|
|
@ -12,10 +12,6 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
.devtools-toolbar {
|
||||
min-height: 33px;
|
||||
}
|
||||
|
||||
.profiler-sidebar {
|
||||
min-width: 196px;
|
||||
}
|
||||
|
@ -49,7 +45,7 @@
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
[state=completed].selected .profiler-sidebar-item > hbox > a {
|
||||
.selected [state=completed] .profiler-sidebar-item > hbox > a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
|
|
@ -3,11 +3,7 @@
|
|||
* You can obtain one at http://mozilla.org/MPL/2.0/. */
|
||||
|
||||
#body {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
}
|
||||
|
||||
#content {
|
||||
background: #fff;
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Dark toolbars */
|
||||
}
|
||||
|
||||
/* Reload and waiting notices */
|
||||
|
@ -49,6 +45,10 @@
|
|||
border-color: transparent;
|
||||
}
|
||||
|
||||
.program-item {
|
||||
padding: 2px 0px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-checkbox {
|
||||
-moz-appearance: none;
|
||||
opacity: 0;
|
||||
|
@ -66,8 +66,7 @@
|
|||
|
||||
.side-menu-widget-item-checkbox .checkbox-check {
|
||||
-moz-appearance: none;
|
||||
background: none;
|
||||
background-image: url(itemToggle.png);
|
||||
background: url(itemToggle.png);
|
||||
background-repeat: no-repeat;
|
||||
background-clip: content-box;
|
||||
background-size: 32px 16px;
|
||||
|
@ -82,26 +81,20 @@
|
|||
}
|
||||
|
||||
.side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents {
|
||||
color: #888;
|
||||
color: rgba(255,255,255,0.4);
|
||||
}
|
||||
|
||||
/* Shader source editors */
|
||||
|
||||
#editors-splitter {
|
||||
border-color: rgb(61,69,76);
|
||||
}
|
||||
|
||||
.editor-label {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Dark toolbars */
|
||||
border-top: 1px solid #222426;
|
||||
padding: 1px 12px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.editor-label[selected] {
|
||||
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left;
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
||||
background: linear-gradient(hsl(206,59%,39%), hsl(206,59%,29%)) repeat-x top left;
|
||||
}
|
||||
|
||||
/* Responsive sidebar */
|
||||
|
@ -119,16 +112,7 @@
|
|||
background-image: none !important;
|
||||
}
|
||||
|
||||
.devtools-side-splitter {
|
||||
border-top-color: transparent !important;
|
||||
}
|
||||
|
||||
.editor-label {
|
||||
-moz-box-ordinal-group: 0;
|
||||
}
|
||||
|
||||
.editor-label:not([selected]) {
|
||||
border-top: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -214,6 +214,7 @@
|
|||
|
||||
.devtools-sidebar-tabs > tabpanels {
|
||||
-moz-appearance: none;
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
|
|
@ -0,0 +1,785 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
/* Generic pane helpers */
|
||||
|
||||
.generic-toggled-side-pane {
|
||||
-moz-margin-start: 0 !important;
|
||||
/* Unfortunately, transitions don't work properly with locale-aware properties,
|
||||
so both the left and right margins are set via js, while the start margin
|
||||
is always overridden here. */
|
||||
}
|
||||
|
||||
.generic-toggled-side-pane[animated] {
|
||||
transition: margin 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
/* BreacrumbsWidget */
|
||||
|
||||
.breadcrumbs-widget-container {
|
||||
-moz-margin-end: 3px;
|
||||
/* A fake 1px-shadow is included in the border-images of the
|
||||
breadcrumbs-widget-items, to match toolbar-buttons style.
|
||||
This negative margin compensates the extra row of pixels created
|
||||
by the shadow.*/
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
/* Preloading hack, LTR */
|
||||
|
||||
.breadcrumbs-widget-container:-moz-locale-dir(ltr)::after {
|
||||
content: '';
|
||||
display: block;
|
||||
background-image:
|
||||
url(breadcrumbs/ltr-start.png),
|
||||
url(breadcrumbs/ltr-start-selected.png),
|
||||
url(breadcrumbs/ltr-start-pressed.png),
|
||||
url(breadcrumbs/ltr-start-selected-pressed.png),
|
||||
url(breadcrumbs/ltr-middle.png),
|
||||
url(breadcrumbs/ltr-middle-selected.png),
|
||||
url(breadcrumbs/ltr-middle-pressed.png),
|
||||
url(breadcrumbs/ltr-middle-selected-pressed.png),
|
||||
url(breadcrumbs/ltr-end.png),
|
||||
url(breadcrumbs/ltr-end-selected.png),
|
||||
url(breadcrumbs/ltr-end-pressed.png),
|
||||
url(breadcrumbs/ltr-end-selected-pressed.png);
|
||||
}
|
||||
|
||||
/* Preloading hack, RTL */
|
||||
|
||||
.breadcrumbs-widget-container:-moz-locale-dir(rtl)::after {
|
||||
content: '';
|
||||
display: block;
|
||||
background-image:
|
||||
url(breadcrumbs/rtl-start.png),
|
||||
url(breadcrumbs/rtl-start-selected.png),
|
||||
url(breadcrumbs/rtl-start-pressed.png),
|
||||
url(breadcrumbs/rtl-start-selected-pressed.png),
|
||||
url(breadcrumbs/rtl-middle.png),
|
||||
url(breadcrumbs/rtl-middle-selected.png),
|
||||
url(breadcrumbs/rtl-middle-pressed.png),
|
||||
url(breadcrumbs/rtl-middle-selected-pressed.png),
|
||||
url(breadcrumbs/rtl-end.png),
|
||||
url(breadcrumbs/rtl-end-selected.png),
|
||||
url(breadcrumbs/rtl-end-pressed.png),
|
||||
url(breadcrumbs/rtl-end-selected-pressed.png);
|
||||
}
|
||||
|
||||
.scrollbutton-up,
|
||||
.scrollbutton-down {
|
||||
-moz-appearance: none;
|
||||
background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.15) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
border: 1px solid hsla(210,8%,5%,.45);
|
||||
margin: 0 0 1px;
|
||||
}
|
||||
|
||||
.scrollbutton-up:not([disabled]):active:hover,
|
||||
.scrollbutton-down:not([disabled]):active:hover {
|
||||
background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
border-color: hsla(210,8%,5%,.6);
|
||||
}
|
||||
|
||||
.scrollbutton-up > .toolbarbutton-icon,
|
||||
.scrollbutton-down > .toolbarbutton-icon {
|
||||
-moz-appearance: none;
|
||||
list-style-image: url("breadcrumbs-scrollbutton.png");
|
||||
-moz-image-region: rect(0px,7px,16px,0px);
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon,
|
||||
.scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon {
|
||||
-moz-image-region: rect(0px,14px,16px,7px);
|
||||
}
|
||||
|
||||
.scrollbutton-up[disabled] > .toolbarbutton-icon,
|
||||
.scrollbutton-down[disabled] > .toolbarbutton-icon {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
|
||||
.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item {
|
||||
background-color: transparent;
|
||||
-moz-appearance: none;
|
||||
overflow: hidden;
|
||||
min-width: 85px;
|
||||
max-width: 250px;
|
||||
min-height: 25px;
|
||||
border-style: solid;
|
||||
border-width: 1px 13px 2px 13px;
|
||||
margin: 0 -11px 0 0;
|
||||
padding: 0 9px;
|
||||
outline: none;
|
||||
color: hsl(210,30%,85%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:-moz-focusring > label {
|
||||
border-bottom: 1px dotted hsla(210,30%,85%,0.4);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag {
|
||||
color: hsl(208,100%,60%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id {
|
||||
color: hsl(205,100%,70%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes {
|
||||
color: hsl(20,100%,70%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item-id,
|
||||
.breadcrumbs-widget-item-classes {
|
||||
color: #8d99a6;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item-pseudo-classes {
|
||||
color: hsl(20,100%,85%);
|
||||
}
|
||||
|
||||
/* Breadcrumbs LTR */
|
||||
|
||||
.breadcrumbs-widget-item:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
/* Breadcrumbs RTL */
|
||||
|
||||
.breadcrumbs-widget-item:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-selected.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-selected-pressed.png") 1 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
/* SimpleListWidget */
|
||||
|
||||
%filter substitution
|
||||
%define slw_selectionGradient linear-gradient(hsl(206,59%,39%), hsl(206,59%,29%))
|
||||
%define slw_selectionTextColor #fff
|
||||
|
||||
.simple-list-widget-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.simple-list-widget-item.selected {
|
||||
background: @slw_selectionGradient@;
|
||||
color: @slw_selectionTextColor@;
|
||||
}
|
||||
|
||||
.theme-dark .simple-list-widget-item:not(.selected):hover {
|
||||
background-color: #181d20; /* Sidebar background */
|
||||
}
|
||||
|
||||
.theme-light .simple-list-widget-item:not(.selected):hover {
|
||||
background-color: #f7f7f7; /* Sidebar background */
|
||||
}
|
||||
|
||||
.simple-list-widget-empty-text,
|
||||
.simple-list-widget-perma-text {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.theme-dark .simple-list-widget-empty-text,
|
||||
.theme-dark .simple-list-widget-perma-text {
|
||||
color: #b6babf; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-light .simple-list-widget-empty-text,
|
||||
.theme-light .simple-list-widget-perma-text {
|
||||
color: #585959; /* Grey foreground text */
|
||||
}
|
||||
|
||||
/* FastListWidget */
|
||||
|
||||
.fast-list-widget-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.fast-list-widget-empty-text {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.theme-dark .fast-list-widget-empty-text {
|
||||
color: #b6babf; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-light .fast-list-widget-empty-text {
|
||||
color: #585959; /* Grey foreground text */
|
||||
}
|
||||
|
||||
/* SideMenuWidget */
|
||||
|
||||
%filter substitution
|
||||
%define smw_selectionGradient linear-gradient(hsl(206,59%,39%), hsl(206,59%,29%))
|
||||
%define smw_selectionTextColor #fff
|
||||
%define smw_margin #222426
|
||||
%define smw_itemDarkTopBorder rgba(0,0,0,0.2)
|
||||
%define smw_itemDarkBottomBorder rgba(128,128,128,0.15)
|
||||
%define smw_itemLightTopBorder rgba(128,128,128,0.15)
|
||||
%define smw_itemLightBottomBorder transparent
|
||||
|
||||
.side-menu-widget-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-container,
|
||||
.theme-dark .side-menu-widget-empty-text {
|
||||
background: url(background-noise-toolbar.png), #343c45; /* Toolbars */
|
||||
}
|
||||
|
||||
/* SideMenuWidget container */
|
||||
|
||||
.side-menu-widget-container:-moz-locale-dir(ltr),
|
||||
.side-menu-widget-empty-text:-moz-locale-dir(ltr) {
|
||||
box-shadow: inset -1px 0 0 @smw_margin@;
|
||||
}
|
||||
|
||||
.side-menu-widget-container:-moz-locale-dir(rtl),
|
||||
.side-menu-widget-empty-text:-moz-locale-dir(rtl) {
|
||||
box-shadow: inset 1px 0 0 @smw_margin@;
|
||||
}
|
||||
|
||||
.side-menu-widget-group {
|
||||
/* To allow visibility of the dark margin shadow. */
|
||||
-moz-margin-end: 1px;
|
||||
}
|
||||
|
||||
.side-menu-widget-container[with-arrows=true] .side-menu-widget-item {
|
||||
/* To compensate for the arrow image's dark margin. */
|
||||
-moz-margin-end: -1px;
|
||||
}
|
||||
|
||||
/* SideMenuWidget groups */
|
||||
|
||||
.side-menu-widget-group-title {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-group-title {
|
||||
background-color: #252c33; /* Tab toolbar */
|
||||
color: #b8c8d9; /* Light content text */
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-group-title {
|
||||
background-color: #ebeced; /* Tab toolbar */
|
||||
color: #667380; /* Dark grey content text */
|
||||
}
|
||||
|
||||
/* SideMenuWidget items */
|
||||
|
||||
.side-menu-widget-item {
|
||||
/* To compensate for the top and bottom borders */
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-item {
|
||||
border-top: 1px solid @smw_itemDarkTopBorder@;
|
||||
border-bottom: 1px solid @smw_itemDarkBottomBorder@;
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-item:last-of-type {
|
||||
box-shadow: inset 0 -1px 0 @smw_itemDarkTopBorder@;
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item {
|
||||
border-top: 1px solid @smw_itemLightTopBorder@;
|
||||
border-bottom: 1px solid @smw_itemLightBottomBorder@;
|
||||
color: #18191a; /* Dark foreground text */
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item:last-of-type {
|
||||
box-shadow: inset 0 -1px 0 @smw_itemLightTopBorder@;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected {
|
||||
background: @smw_selectionGradient@ repeat-x top left;
|
||||
color: @smw_selectionTextColor@;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-arrow {
|
||||
-moz-margin-start: -7px;
|
||||
width: 7px; /* The image's width is 7 pixels */
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
|
||||
background-size: auto, 1px 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-position: center right, top right;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-position: center left, top left;
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: url(itemArrow-dark-ltr.png), linear-gradient(to right, @smw_margin@, @smw_margin@);
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-dark-rtl.png), linear-gradient(to right, @smw_margin@, @smw_margin@);
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: url(itemArrow-ltr.png), linear-gradient(to right, @smw_margin@, @smw_margin@);
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png), linear-gradient(to right, @smw_margin@, @smw_margin@);
|
||||
}
|
||||
|
||||
/* SideMenuWidget items contents */
|
||||
|
||||
.side-menu-widget-item-contents {
|
||||
padding: 4px;
|
||||
/* To avoid having content overlapping the arrow image. */
|
||||
-moz-padding-end: 8px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other {
|
||||
/* To avoid having content overlapping the arrow image. */
|
||||
-moz-padding-end: 8px;
|
||||
/* To compensate for the .side-menu-widget-item-contents padding. */
|
||||
-moz-margin-start: -4px;
|
||||
-moz-margin-end: -8px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other:first-of-type {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other:last-of-type {
|
||||
margin-bottom: -4px;
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-item-other {
|
||||
background: url(background-noise-toolbar.png), rgba(0,0,0,.1);
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item-other {
|
||||
background: url(background-noise-toolbar.png), rgba(128,128,128,.1);
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-item.selected .side-menu-widget-item-other {
|
||||
background-color: rgba(0,0,0,.2); /* Darken the selection by 20% */
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item.selected .side-menu-widget-item-other {
|
||||
background-color: rgba(255,255,255,.8); /* Lighten the selection by 20% */
|
||||
color: #18191a; /* Dark foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-item.selected .side-menu-widget-item-other.selected {
|
||||
background-color: transparent;
|
||||
color: @smw_selectionTextColor@;
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-item.selected .side-menu-widget-item-other.selected {
|
||||
background-color: transparent;
|
||||
color: @smw_selectionTextColor@;
|
||||
}
|
||||
|
||||
/* SideMenuWidget checkboxes */
|
||||
|
||||
.side-menu-widget-group-checkbox {
|
||||
margin: 0;
|
||||
-moz-margin-end: 4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-checkbox {
|
||||
margin: 0;
|
||||
-moz-margin-start: 4px;
|
||||
}
|
||||
|
||||
/* SideMenuWidget misc */
|
||||
|
||||
.side-menu-widget-empty-text {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.theme-dark .side-menu-widget-empty-text {
|
||||
color: #b6babf; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-light .side-menu-widget-empty-text {
|
||||
color: #585959; /* Grey foreground text */
|
||||
}
|
||||
|
||||
/* VariablesView */
|
||||
|
||||
.variables-view-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.variables-view-empty-notice {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.theme-dark .variables-view-empty-notice {
|
||||
color: #b6babf; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-light .variables-view-empty-notice {
|
||||
color: #585959; /* Grey foreground text */
|
||||
}
|
||||
|
||||
.variables-view-scope > .title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Generic variables traits */
|
||||
|
||||
.variables-view-variable:not(:last-child) {
|
||||
border-bottom: 1px solid rgba(128, 128, 128, .15);
|
||||
}
|
||||
|
||||
.variables-view-variable > .title > .name {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Generic variables *and* properties traits */
|
||||
|
||||
.variable-or-property:focus > .title > label {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
.variable-or-property > .title > .value {
|
||||
-moz-box-flex: 1;
|
||||
}
|
||||
|
||||
.variable-or-property > .title > .arrow {
|
||||
-moz-margin-start: 3px;
|
||||
}
|
||||
|
||||
.variable-or-property:not([untitled]) > .variables-view-element-details {
|
||||
-moz-margin-start: 7px;
|
||||
}
|
||||
|
||||
/* Traits applied when variables or properties are changed or overridden */
|
||||
|
||||
.variable-or-property:not([overridden]) {
|
||||
transition: background 1s ease-in-out;
|
||||
}
|
||||
|
||||
.variable-or-property:not([overridden])[changed] {
|
||||
transition-duration: .4s;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] {
|
||||
background: rgba(128,128,128,0.05);
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] .title > label {
|
||||
/* Cross out the title for this variable and all child properties. */
|
||||
font-style: italic;
|
||||
text-decoration: line-through;
|
||||
border-bottom: none !important;
|
||||
color: rgba(128,128,128,0.9);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Traits applied when variables or properties are editable */
|
||||
|
||||
.variable-or-property[editable] > .title > .value {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] .title > .value {
|
||||
/* Disallow editing this variable and all child properties. */
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Custom configurable/enumerable/writable or frozen/sealed/extensible
|
||||
* variables and properties */
|
||||
|
||||
.variable-or-property[non-enumerable]:not([self]):not([pseudo-item]) > .title > .name {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.variable-or-property[non-configurable]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #99f;
|
||||
}
|
||||
|
||||
.variable-or-property[non-writable]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #f99;
|
||||
}
|
||||
|
||||
.variable-or-property[safe-getter]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #8b0;
|
||||
}
|
||||
|
||||
.variable-or-property-non-writable-icon {
|
||||
background: url("chrome://browser/skin/identity-icons-https.png") no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@media (min-resolution: 2dppx) {
|
||||
.variable-or-property-non-writable-icon {
|
||||
background-image: url("chrome://browser/skin/identity-icons-https@2x.png");
|
||||
background-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.variable-or-property-frozen-label,
|
||||
.variable-or-property-sealed-label,
|
||||
.variable-or-property-non-extensible-label {
|
||||
-moz-padding-end: 4px;
|
||||
}
|
||||
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-frozen-label,
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-sealed-label,
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-non-extensible-label {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* Aligned values */
|
||||
|
||||
.variables-view-container[aligned-values] .title > .separator {
|
||||
-moz-box-flex: 1;
|
||||
}
|
||||
|
||||
.variables-view-container[aligned-values] .title > .value {
|
||||
-moz-box-flex: 0;
|
||||
width: 70vw;
|
||||
}
|
||||
|
||||
.variables-view-container[aligned-values] .title > .element-value-input {
|
||||
width: calc(70vw - 10px);
|
||||
}
|
||||
|
||||
/* Actions first */
|
||||
|
||||
.variables-view-container[actions-first] .variables-view-delete,
|
||||
.variables-view-container[actions-first] .variables-view-add-property {
|
||||
-moz-box-ordinal-group: 0;
|
||||
}
|
||||
|
||||
.variables-view-container[actions-first] [invisible] {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Variables and properties tooltips */
|
||||
|
||||
.variable-or-property > tooltip > label {
|
||||
margin: 0 2px 0 2px;
|
||||
}
|
||||
|
||||
.variable-or-property[non-enumerable] > tooltip > label.enumerable,
|
||||
.variable-or-property[non-configurable] > tooltip > label.configurable,
|
||||
.variable-or-property[non-writable] > tooltip > label.writable,
|
||||
.variable-or-property[non-extensible] > tooltip > label.extensible {
|
||||
color: #800;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] > tooltip > label.overridden {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #000;
|
||||
}
|
||||
|
||||
.variable-or-property[safe-getter] > tooltip > label.WebIDL {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #000;
|
||||
color: #080;
|
||||
}
|
||||
|
||||
/* Variables and properties editing */
|
||||
|
||||
.variables-view-delete {
|
||||
list-style-image: url("chrome://browser/skin/devtools/vview-delete.png");
|
||||
-moz-image-region: rect(0,16px,16px,0);
|
||||
}
|
||||
|
||||
.variables-view-delete:hover {
|
||||
-moz-image-region: rect(0,32px,16px,16px);
|
||||
}
|
||||
|
||||
.variables-view-delete:active {
|
||||
-moz-image-region: rect(0,48px,16px,32px);
|
||||
}
|
||||
|
||||
.variables-view-edit {
|
||||
background: url("chrome://browser/skin/devtools/vview-edit.png") center no-repeat;
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.variables-view-throbber {
|
||||
background: url("chrome://global/skin/icons/loading_16.png") center no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.element-value-input {
|
||||
-moz-margin-start: -2px !important;
|
||||
-moz-margin-end: 2px !important;
|
||||
}
|
||||
|
||||
.element-name-input {
|
||||
-moz-margin-start: -2px !important;
|
||||
-moz-margin-end: 2px !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.element-value-input,
|
||||
.element-name-input {
|
||||
border: 1px solid rgba(128, 128, 128, .5) !important;
|
||||
border-radius: 0;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Variables and properties searching */
|
||||
|
||||
.variables-view-searchinput {
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
.variable-or-property[unmatched] {
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Expand/collapse arrow */
|
||||
|
||||
.arrow {
|
||||
-moz-appearance: treetwisty;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.arrow[open] {
|
||||
-moz-appearance: treetwistyopen;
|
||||
}
|
||||
|
||||
.arrow[invisible] {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
%include ../../shared/devtools/app-manager/manifest-editor.inc.css
|
|
@ -24,6 +24,12 @@
|
|||
-moz-box-flex: 1; /* make menu items expand to fill toolbar height */
|
||||
}
|
||||
|
||||
/* Hides the titlebar-placeholder underneath the window caption buttons when we
|
||||
are not autohiding the menubar. */
|
||||
#toolbar-menubar:not([autohide="true"]) + #TabsToolbar > .titlebar-placeholder[type="caption-buttons"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* We want a 4px gap between the TabsToolbar and the toolbar-menubar when the
|
||||
toolbar-menu is displayed, and a 16px gap when it is not. 1px is taken care
|
||||
of by the (light) outer shadow of the tab, the remaining 3/15 are these margins. */
|
||||
|
|
|
@ -1,567 +1,11 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
/* Sources and breakpoints pane */
|
||||
|
||||
#sources-pane > tabs {
|
||||
-moz-border-end: 1px solid #222426; /* Match the sources list's dark margin. */
|
||||
}
|
||||
|
||||
#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
/* Sources toolbar */
|
||||
|
||||
#sources-toolbar {
|
||||
border: none; /* Remove the devtools-toolbar's black bottom border. */
|
||||
-moz-border-end: 1px solid #222426; /* Match the sources list's dark margin. */
|
||||
}
|
||||
|
||||
#sources-toolbar > .devtools-toolbarbutton,
|
||||
#sources-controls > .devtools-toolbarbutton {
|
||||
min-width: 32px;
|
||||
}
|
||||
|
||||
#black-box {
|
||||
list-style-image: url(debugger-blackbox.png);
|
||||
}
|
||||
|
||||
#pretty-print {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#toggle-breakpoints {
|
||||
list-style-image: url(debugger-toggleBreakpoints.png);
|
||||
}
|
||||
|
||||
#sources-toolbar .devtools-toolbarbutton:not([label]) {
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#sources .black-boxed {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
#sources .black-boxed > .dbg-breakpoint {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: none;
|
||||
box-shadow: inset -1px 0 0 #222426;
|
||||
}
|
||||
|
||||
#sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: none;
|
||||
box-shadow: inset 1px 0 0 #222426;
|
||||
}
|
||||
|
||||
/* Black box message and source progress meter */
|
||||
|
||||
#black-boxed-message,
|
||||
#source-progress-container {
|
||||
background: url(background-noise-toolbar.png) rgb(61,69,76);
|
||||
/* Prevent the container deck from aquiring the size from this message. */
|
||||
min-width: 1px;
|
||||
min-height: 1px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#source-progress {
|
||||
min-height: 2em;
|
||||
min-width: 40em;
|
||||
}
|
||||
|
||||
#black-boxed-message-label,
|
||||
#black-boxed-message-button {
|
||||
text-align: center;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
#black-boxed-message-button {
|
||||
margin-top: 1em;
|
||||
padding: .25em;
|
||||
}
|
||||
|
||||
/* Tracer */
|
||||
|
||||
#trace {
|
||||
list-style-image: url(tracer-icon.png);
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#trace[checked] {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#clear-tracer {
|
||||
/* Make this button as narrow as the text inside it. */
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
.trace-name {
|
||||
-moz-padding-start: 4px !important;
|
||||
}
|
||||
|
||||
/* Tracer dark theme */
|
||||
|
||||
.theme-dark .trace-item {
|
||||
color: #f5f7fa; /* Light foreground text */
|
||||
}
|
||||
|
||||
.theme-dark .trace-item.selected-matching {
|
||||
background-color: rgba(29, 79, 115, .4); /* Select highlight blue at 40% alpha */
|
||||
}
|
||||
|
||||
.theme-dark .selected > .trace-item {
|
||||
background-color: rgba(29, 79, 115, .75); /* Select highlight blue at 75% alpha */
|
||||
}
|
||||
|
||||
.theme-dark .trace-call {
|
||||
color: #46afe3; /* highlight blue */
|
||||
}
|
||||
|
||||
.theme-dark .trace-return,
|
||||
.theme-dark .trace-yield {
|
||||
color: #70bf53; /* highlight green */
|
||||
}
|
||||
|
||||
.theme-dark .trace-throw {
|
||||
color: #eb5368; /* highlight red */
|
||||
}
|
||||
|
||||
.theme-dark .trace-param {
|
||||
color: #b8c8d9; /* Content text light */
|
||||
}
|
||||
|
||||
.theme-dark .trace-syntax {
|
||||
color: #8fa1b2; /* Content text grey */
|
||||
}
|
||||
|
||||
/* Tracer light theme */
|
||||
|
||||
.theme-light .trace-item {
|
||||
color: #292e33; /* Dark foreground text */
|
||||
}
|
||||
|
||||
.theme-light .trace-item.selected-matching {
|
||||
background-color: rgba(76, 158, 217, .4); /* Select highlight blue at 40% alpha */
|
||||
}
|
||||
|
||||
.theme-light .selected > .trace-item {
|
||||
background-color: rgba(76, 158, 217, .75); /* Select highlight blue at 75% alpha */
|
||||
}
|
||||
|
||||
.theme-light .trace-call {
|
||||
color: #0088cc; /* highlight blue */
|
||||
}
|
||||
|
||||
.theme-light .trace-return,
|
||||
.theme-light .trace-yield {
|
||||
color: #2cbb0f; /* highlight green */
|
||||
}
|
||||
|
||||
.theme-light .trace-throw {
|
||||
color: #ed2655; /* highlight red */
|
||||
}
|
||||
|
||||
.theme-light .trace-param {
|
||||
color: #667380; /* Content text dark grey */
|
||||
}
|
||||
|
||||
.theme-light .trace-syntax {
|
||||
color: #8fa1b2; /* Content text grey */
|
||||
}
|
||||
|
||||
/* Breadcrumbs stack frames view */
|
||||
|
||||
.breadcrumbs-widget-item {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.dbg-stackframe-details {
|
||||
-moz-padding-start: 4px;
|
||||
}
|
||||
|
||||
/* Classic stack frames view */
|
||||
|
||||
.dbg-classic-stackframe {
|
||||
display: block;
|
||||
padding: 0px 4px;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-title {
|
||||
font-weight: 600;
|
||||
color: #046;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details:-moz-locale-dir(ltr) {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details:-moz-locale-dir(rtl) {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details-url {
|
||||
max-width: 90%;
|
||||
text-align: end;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details-sep {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.dbg-classic-stackframe-details-line {
|
||||
color: #58b;
|
||||
}
|
||||
|
||||
#callstack-list .side-menu-widget-item.selected label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Sources and breakpoints view */
|
||||
|
||||
.dbg-breakpoint {
|
||||
-moz-margin-start: 4px;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-line {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-text {
|
||||
-moz-margin-start: 10px !important;
|
||||
font-style: italic;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.dbg-breakpoint-checkbox {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
/* Variable bubble view */
|
||||
|
||||
.devtools-tooltip-simple-text.token-undefined,
|
||||
.devtools-tooltip-simple-text.token-null {
|
||||
text-align: center;
|
||||
color: #666 !important; /* Override the theme's color. */
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-boolean {
|
||||
text-align: center;
|
||||
color: #10c !important;
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-number {
|
||||
text-align: center;
|
||||
color: #c00 !important;
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-string {
|
||||
text-align: start;
|
||||
color: #282 !important;
|
||||
}
|
||||
|
||||
.devtools-tooltip-simple-text.token-other {
|
||||
text-align: center;
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
/* Instruments pane (watch expressions, variables, event listeners...) */
|
||||
|
||||
#instruments-pane .side-menu-widget-container,
|
||||
#instruments-pane .side-menu-widget-empty-text {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Watch expressions view */
|
||||
|
||||
#expressions {
|
||||
min-height: 10px;
|
||||
max-height: 125px;
|
||||
}
|
||||
|
||||
.dbg-expression {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.dbg-expression-arrow {
|
||||
width: 16px;
|
||||
height: auto;
|
||||
margin: 2px;
|
||||
background: -moz-image-rect(url(commandline-icon.png), 0, 32, 16, 16);
|
||||
}
|
||||
|
||||
.dbg-expression-input {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Event listeners view */
|
||||
|
||||
.dbg-event-listener {
|
||||
padding: 0px 8px;
|
||||
}
|
||||
|
||||
.dbg-event-listener-type {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-event-listener-separator {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.dbg-event-listener-targets {
|
||||
color: #046;
|
||||
}
|
||||
|
||||
.dbg-event-listener-location {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#event-listeners .side-menu-widget-item.selected {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/* Searchbox and the search operations help panel */
|
||||
|
||||
#searchbox {
|
||||
min-width: 220px;
|
||||
-moz-margin-start: 1px;
|
||||
}
|
||||
|
||||
#filter-label {
|
||||
-moz-margin-start: 2px;
|
||||
}
|
||||
|
||||
#searchbox-panel-operators {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 8px;
|
||||
-moz-margin-start: 2px;
|
||||
}
|
||||
|
||||
.searchbox-panel-operator-button {
|
||||
min-width: 26px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
-moz-margin-start: 2px;
|
||||
-moz-margin-end: 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.searchbox-panel-operator-label {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
/* Searchbox results panel */
|
||||
|
||||
.results-panel {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.results-panel-item {
|
||||
background: #f4f4f4;
|
||||
border: 1px solid #ddd;
|
||||
border-top-color: #fff;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.results-panel-item:first-of-type {
|
||||
border-top-color: #ddd;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
.results-panel-item:last-of-type {
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
|
||||
.results-panel-item:only-of-type {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.results-panel-item:not(.selected):not(:hover) {
|
||||
text-shadow: 0 1px #fff;
|
||||
}
|
||||
|
||||
.results-panel-item-label-before {
|
||||
-moz-margin-end: 5px !important;
|
||||
color: #444;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.results-panel-item-label {
|
||||
color: #111;
|
||||
font-weight: 600;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.results-panel-item-label-below {
|
||||
color: #7f7f7f;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
/* Sources search view */
|
||||
|
||||
#globalsearch {
|
||||
min-height: 10px;
|
||||
max-height: 125px;
|
||||
box-shadow: inset 0 -4px 8px #eee;
|
||||
background: url(background-noise-toolbar.png);
|
||||
}
|
||||
|
||||
#globalsearch + .devtools-horizontal-splitter {
|
||||
border-color: #bfbfbf;
|
||||
}
|
||||
|
||||
.dbg-source-results {
|
||||
padding: 0;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.dbg-results-header {
|
||||
-moz-padding-start: 6px;
|
||||
}
|
||||
|
||||
.dbg-results-header-location {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.dbg-results-header-match-count {
|
||||
-moz-padding-start: 6px;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
.dbg-results-line-number {
|
||||
background: #e2e2e2;
|
||||
min-width: 40px;
|
||||
-moz-border-end: 1px solid #b4c4d3;
|
||||
-moz-padding-end: 4px;
|
||||
padding-top: 2px;
|
||||
text-align: end;
|
||||
color: #8c8c8c;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents {
|
||||
-moz-padding-start: 4px;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true] {
|
||||
background: rgba(255,255,0,0.5);
|
||||
padding: 0;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true][focusing] {
|
||||
transition: transform 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.dbg-results-line-contents-string[match=true][focused] {
|
||||
transition-duration: 0.1s;
|
||||
transform: scale(1.75, 1.75);
|
||||
}
|
||||
|
||||
/* Toolbar controls */
|
||||
%include ../../shared/devtools/debugger.inc.css
|
||||
|
||||
.devtools-sidebar-tabs > tabs > tab {
|
||||
min-height: 25px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#resumption-panel-desc {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#resumption-order-panel {
|
||||
-moz-margin-start: -8px;
|
||||
}
|
||||
|
||||
#resume {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png");
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
transition: background 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
#resume[checked] {
|
||||
background: none;
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
#resume ~ toolbarbutton {
|
||||
transition: opacity 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
#resume:not([checked]) ~ toolbarbutton {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#step-over {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
|
||||
}
|
||||
|
||||
#step-in {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
|
||||
}
|
||||
|
||||
#step-out {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
|
||||
}
|
||||
|
||||
#debugger-controls > toolbarbutton,
|
||||
#sources-controls > toolbarbutton {
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
border-width: 0;
|
||||
-moz-border-end-width: 1px;
|
||||
outline-offset: -3px;
|
||||
}
|
||||
|
||||
#debugger-controls > toolbarbutton:last-of-type,
|
||||
#sources-controls > toolbarbutton:last-of-type {
|
||||
-moz-border-end-width: 0;
|
||||
}
|
||||
|
||||
#debugger-controls,
|
||||
#sources-controls {
|
||||
box-shadow: 0 1px 0 hsla(209,29%,72%,.15) inset,
|
||||
0 0 0 1px hsla(209,29%,72%,.1) inset,
|
||||
0 0 0 1px hsla(209,29%,72%,.1),
|
||||
0 1px 0 hsla(210,16%,76%,.1);
|
||||
border: 1px solid hsla(210,8%,5%,.45);
|
||||
border-radius: 3px;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
#instruments-pane-toggle {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#instruments-pane-toggle[pane-collapsed] {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
|
||||
min-height: 22px !important;
|
||||
}
|
||||
|
||||
#instruments-pane-toggle:hover {
|
||||
|
@ -571,33 +15,3 @@
|
|||
#instruments-pane-toggle:hover:active {
|
||||
-moz-image-region: rect(0px,48px,16px,32px);
|
||||
}
|
||||
|
||||
/* Horizontal vs. vertical layout */
|
||||
|
||||
#vertical-layout-panes-container {
|
||||
min-height: 35vh;
|
||||
max-height: 80vh;
|
||||
}
|
||||
|
||||
#body[layout=vertical] #sources-pane > tabs {
|
||||
-moz-border-end: none;
|
||||
}
|
||||
|
||||
#body[layout=vertical] #instruments-pane {
|
||||
margin: 0 !important;
|
||||
/* To prevent all the margin hacks to hide the sidebar. */
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-container,
|
||||
#body[layout=vertical] .side-menu-widget-empty-text {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-item-arrow {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
#body[layout=vertical] .side-menu-widget-group,
|
||||
#body[layout=vertical] .side-menu-widget-item {
|
||||
-moz-margin-end: 0;
|
||||
}
|
||||
|
|
Двоичные данные
browser/themes/windows/devtools/itemArrow-rtl.png
До Ширина: | Высота: | Размер: 2.8 KiB |
|
@ -1,553 +1,29 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
#body {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
}
|
||||
%include ../../shared/devtools/netmonitor.inc.css
|
||||
|
||||
/* Network requests table */
|
||||
|
||||
#requests-menu-empty-notice {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
padding: 12px;
|
||||
font-size: 110%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#requests-menu-toolbar {
|
||||
height: 33px;
|
||||
.requests-menu-header-button > .button-box {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.requests-menu-header:first-child {
|
||||
-moz-padding-start: 4px;
|
||||
}
|
||||
|
||||
.requests-menu-subitem {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.requests-menu-header:not(:last-child):-moz-locale-dir(ltr),
|
||||
.requests-menu-subitem:not(:last-child):-moz-locale-dir(ltr) {
|
||||
-moz-border-end: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: 1px 0 0 hsla(210,16%,76%,.1);
|
||||
}
|
||||
|
||||
.requests-menu-header:not(:last-child):-moz-locale-dir(rtl),
|
||||
.requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) {
|
||||
-moz-border-end: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: -1px 0 0 hsla(210,16%,76%,.1);
|
||||
}
|
||||
|
||||
.requests-menu-header-button {
|
||||
-moz-appearance: none;
|
||||
background: none;
|
||||
min-width: 20px;
|
||||
min-height: 32px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
font-weight: inherit !important;
|
||||
transition: background-color 0.1s ease-in-out;
|
||||
}
|
||||
|
||||
.requests-menu-header-button:hover {
|
||||
background: rgba(0,0,0,0.10);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:hover:active {
|
||||
background: rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted] {
|
||||
background: rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted=ascending] {
|
||||
background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.requests-menu-header-button:not(:active)[sorted=descending] {
|
||||
background-image: radial-gradient(farthest-side at center bottom, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom;
|
||||
}
|
||||
|
||||
/* Network requests table: specific column dimensions */
|
||||
|
||||
.requests-menu-status-and-method {
|
||||
width: 8em;
|
||||
}
|
||||
|
||||
.requests-menu-status {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.requests-menu-method {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.requests-menu-file {
|
||||
width: 20vw;
|
||||
min-width: 4em;
|
||||
}
|
||||
|
||||
.requests-menu-domain {
|
||||
width: 14vw;
|
||||
min-width: 10em;
|
||||
}
|
||||
|
||||
.requests-menu-type {
|
||||
text-align: center;
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.requests-menu-size {
|
||||
text-align: center;
|
||||
width: 8em;
|
||||
}
|
||||
|
||||
/* Network requests table: status codes */
|
||||
|
||||
box.requests-menu-status {
|
||||
background: #fff;
|
||||
-moz-margin-start: 5px;
|
||||
-moz-margin-end: 5px;
|
||||
border-radius: 20px;
|
||||
box-shadow:
|
||||
0 0 0 1px rgba(255,255,255,0.4) inset,
|
||||
0 -6px 4px 0 rgba(32,32,32,1.0) inset,
|
||||
0 0 8px 0 rgba(32,0,0,0.4);
|
||||
transition: box-shadow 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="1"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,0,64,1.0) inset,
|
||||
0 0 8px 0 rgba(0,0,128,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="2"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(0,64,0,1.0) inset,
|
||||
0 0 8px 0 rgba(0,128,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="3"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,32,0,1.0) inset,
|
||||
0 0 8px 0 rgba(128,128,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="4"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,0,0,1.0) inset,
|
||||
0 0 8px 0 rgba(128,0,0,1.0);
|
||||
}
|
||||
|
||||
box.requests-menu-status[code^="5"] {
|
||||
box-shadow:
|
||||
0 0 2px 1px rgba(255,255,255,0.8) inset,
|
||||
0 -6px 4px 0 rgba(64,0,64,1.0) inset,
|
||||
0 0 8px 0 rgba(128,0,128,1.0);
|
||||
}
|
||||
|
||||
/* Network requests table: waterfall header */
|
||||
|
||||
#requests-menu-waterfall-label {
|
||||
-moz-padding-start: 8px;
|
||||
-moz-padding-end: 8px;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division {
|
||||
width: 100px;
|
||||
padding-top: 1px;
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #999;
|
||||
font-size: 90%;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:not(:first-child) {
|
||||
-moz-margin-start: -100px !important; /* Don't affect layout. */
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-division:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
/* Network requests table: waterfall items */
|
||||
|
||||
.requests-menu-subitem.requests-menu-waterfall {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-padding-end: 4px;
|
||||
background-repeat: repeat-y; /* Background created on a <canvas> in js. */
|
||||
margin-top: -1px; /* Compensate borders. */
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) {
|
||||
background-position: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total:-moz-locale-dir(ltr) {
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total:-moz-locale-dir(rtl) {
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-total {
|
||||
-moz-padding-start: 8px;
|
||||
font-size: 85%;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap {
|
||||
width: 4px;
|
||||
height: 10px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start {
|
||||
-moz-border-end: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end {
|
||||
-moz-border-start: none;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start:-moz-locale-dir(ltr) {
|
||||
border-radius: 4px 0 0 4px;
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.start:-moz-locale-dir(rtl) {
|
||||
border-radius: 0 4px 4px 0;
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end:-moz-locale-dir(ltr) {
|
||||
border-radius: 0 4px 4px 0;
|
||||
transform-origin: left center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-cap.end:-moz-locale-dir(rtl) {
|
||||
border-radius: 4px 0 0 4px;
|
||||
transform-origin: right center;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box {
|
||||
height: 10px;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.blocked,
|
||||
.requests-menu-timings-cap.blocked {
|
||||
background-color: rgba(255,32,32,0.8);
|
||||
box-shadow: 0 0 8px 0 rgba(128,32,32,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.dns,
|
||||
.requests-menu-timings-cap.dns {
|
||||
background-color: rgba(255,128,255,0.6);
|
||||
box-shadow: 0 0 8px 0 rgba(128,128,255,1.0),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.connect,
|
||||
.requests-menu-timings-cap.connect {
|
||||
background-color: rgba(255,128,16,0.4);
|
||||
box-shadow: 0 0 8px 0 rgba(128,128,16,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.send,
|
||||
.requests-menu-timings-cap.send {
|
||||
background-color: rgba(255,255,128,0.4);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,128,0.8),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.wait,
|
||||
.requests-menu-timings-cap.wait {
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,255,0.4),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
.requests-menu-timings-box.receive,
|
||||
.requests-menu-timings-cap.receive {
|
||||
background-color: rgba(255,255,255,1.0);
|
||||
box-shadow: 0 0 8px 0 rgba(128,255,255,1.0),
|
||||
0 0 4px 0 rgba(255,255,255,1.0) inset;
|
||||
}
|
||||
|
||||
/* SideMenuWidget */
|
||||
|
||||
.side-menu-widget-item-contents {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.side-menu-widget-container {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.side-menu-widget-item[odd] {
|
||||
background: rgba(255,255,255,0.05);
|
||||
}
|
||||
|
||||
/* Network request details */
|
||||
|
||||
#details-pane {
|
||||
background: hsl(208,11%,27%);
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
#details-pane-toggle {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
|
||||
-moz-image-region: rect(0px,16px,16px,0px);
|
||||
}
|
||||
|
||||
#details-pane-toggle[pane-collapsed] {
|
||||
list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
|
||||
}
|
||||
|
||||
#details-pane-toggle:active {
|
||||
-moz-image-region: rect(0px,32px,16px,16px);
|
||||
}
|
||||
|
||||
/* Network request details tabpanels */
|
||||
|
||||
.tabpanel-content {
|
||||
background: url(background-noise-toolbar.png), #3e4750;
|
||||
box-shadow: 0 1px 0 hsla(204,45%,98%,.05) inset;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tabpanel-summary-container {
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.tabpanel-summary-label {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-padding-end: 3px;
|
||||
font-weight: 600;
|
||||
text-shadow: 0 1px 0 #000;
|
||||
color: hsl(210,30%,85%);
|
||||
}
|
||||
|
||||
.tabpanel-summary-value {
|
||||
-moz-padding-start: 3px;
|
||||
}
|
||||
|
||||
/* Headers tabpanel */
|
||||
|
||||
#headers-summary-status,
|
||||
#headers-summary-version {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
#headers-summary-size {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
#headers-summary-resend {
|
||||
margin: 0 6px;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
/* Response tabpanel */
|
||||
|
||||
#response-content-info-header {
|
||||
background:
|
||||
url(background-noise-toolbar.png),
|
||||
linear-gradient(hsl(0,61%,40%), hsl(0,61%,31%)) repeat-x top left;
|
||||
box-shadow:
|
||||
inset 0 1px 0 hsla(210,40%,83%,.15),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.05);
|
||||
margin: 0;
|
||||
padding: 5px 8px;
|
||||
}
|
||||
|
||||
#response-content-image-box {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#response-content-image {
|
||||
background: #fff;
|
||||
border: 1px dashed GrayText;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Timings tabpanel */
|
||||
|
||||
#timings-tabpanel .tabpanel-summary-label {
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
#timings-tabpanel .requests-menu-timings-box {
|
||||
transition: transform 0.2s ease-out;
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
#timings-tabpanel .requests-menu-timings-total {
|
||||
transition: transform 0.2s ease-out;
|
||||
}
|
||||
|
||||
/* Custom request form */
|
||||
|
||||
#custom-pane {
|
||||
padding: 0.6em 0.5em;
|
||||
}
|
||||
|
||||
.custom-header {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.custom-section {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
#custom-method-value {
|
||||
width: 4.5em;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
#requests-menu-footer {
|
||||
box-shadow: inset 0 1px 16px hsla(210,8%,5%,.3);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button,
|
||||
.requests-menu-footer-label {
|
||||
min-width: 1em;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0px 1.5vw;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.requests-menu-footer-spacer {
|
||||
min-width: 2px;
|
||||
}
|
||||
|
||||
.requests-menu-footer-spacer,
|
||||
.requests-menu-footer-button {
|
||||
-moz-border-end: 1px solid hsla(210,8%,5%,.25);
|
||||
box-shadow: 1px 0 0 hsla(210,16%,76%,.1);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button {
|
||||
-moz-appearance: none;
|
||||
background: rgba(0,0,0,0.025);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:hover {
|
||||
background: rgba(0,0,0,0.20);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:hover:active {
|
||||
background: rgba(0,0,0,0.35);
|
||||
}
|
||||
|
||||
.requests-menu-footer-button:not(:active)[checked] {
|
||||
background-color: rgba(0,0,0,0.25);
|
||||
background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
|
||||
background-size: 100% 1px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.requests-menu-footer-label {
|
||||
font-weight: 600;
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
/* Responsive sidebar */
|
||||
@media (max-width: 700px) {
|
||||
#requests-menu-toolbar {
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.requests-menu-header-button {
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
.requests-menu-footer-button,
|
||||
.requests-menu-footer-label {
|
||||
padding: 0px 2vw;
|
||||
}
|
||||
|
||||
#details-pane {
|
||||
max-width: none;
|
||||
margin: 0 !important;
|
||||
/* To prevent all the margin hacks to hide the sidebar. */
|
||||
}
|
||||
|
||||
.requests-menu-status-and-method {
|
||||
width: 16vw;
|
||||
}
|
||||
|
||||
.requests-menu-file,
|
||||
.requests-menu-domain {
|
||||
width: 30vw;
|
||||
}
|
||||
|
||||
.requests-menu-type {
|
||||
width: 8vw;
|
||||
}
|
||||
|
||||
.requests-menu-size {
|
||||
width: 16vw;
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Timeline" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "Size" column should be hidden. */
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 701px) {
|
||||
#network-table[type-overflows] .requests-menu-domain {
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Type" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "Domain" column should be hidden. */
|
||||
}
|
||||
|
||||
#network-table[domain-overflows] .requests-menu-file {
|
||||
border-width: 0 !important;
|
||||
box-shadow: none !important;
|
||||
/* The "Domain" header is not visible anymore, and thus the
|
||||
right border and box-shadow of "File" column should be hidden. */
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,720 +1,19 @@
|
|||
/* vim:set ts=2 sw=2 sts=2 et: */
|
||||
/* 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/. */
|
||||
|
||||
/* Generic pane helpers */
|
||||
|
||||
.generic-toggled-side-pane {
|
||||
-moz-margin-start: 0px !important;
|
||||
/* Unfortunately, transitions don't work properly with locale-aware properties,
|
||||
so both the left and right margins are set via js, while the start margin
|
||||
is always overridden here. */
|
||||
}
|
||||
|
||||
.generic-toggled-side-pane[animated] {
|
||||
transition: margin 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
/* BreacrumbsWidget */
|
||||
|
||||
.breadcrumbs-widget-container {
|
||||
-moz-margin-end: 3px;
|
||||
/* A fake 1px-shadow is included in the border-images of the
|
||||
breadcrumbs-widget-items, to match toolbar-buttons style.
|
||||
This negative margin compensates the extra row of pixels created
|
||||
by the shadow.*/
|
||||
margin: -1px 0;
|
||||
}
|
||||
|
||||
/* Preloading hack, LTR */
|
||||
|
||||
.breadcrumbs-widget-container:-moz-locale-dir(ltr)::after {
|
||||
content: '';
|
||||
display: block;
|
||||
background-image:
|
||||
url(breadcrumbs/ltr-start.png),
|
||||
url(breadcrumbs/ltr-start-selected.png),
|
||||
url(breadcrumbs/ltr-start-pressed.png),
|
||||
url(breadcrumbs/ltr-start-selected-pressed.png),
|
||||
url(breadcrumbs/ltr-middle.png),
|
||||
url(breadcrumbs/ltr-middle-selected.png),
|
||||
url(breadcrumbs/ltr-middle-pressed.png),
|
||||
url(breadcrumbs/ltr-middle-selected-pressed.png),
|
||||
url(breadcrumbs/ltr-end.png),
|
||||
url(breadcrumbs/ltr-end-selected.png),
|
||||
url(breadcrumbs/ltr-end-pressed.png),
|
||||
url(breadcrumbs/ltr-end-selected-pressed.png);
|
||||
}
|
||||
|
||||
/* Preloading hack, RTL */
|
||||
|
||||
.breadcrumbs-widget-container:-moz-locale-dir(rtl)::after {
|
||||
content: '';
|
||||
display: block;
|
||||
background-image:
|
||||
url(breadcrumbs/rtl-start.png),
|
||||
url(breadcrumbs/rtl-start-selected.png),
|
||||
url(breadcrumbs/rtl-start-pressed.png),
|
||||
url(breadcrumbs/rtl-start-selected-pressed.png),
|
||||
url(breadcrumbs/rtl-middle.png),
|
||||
url(breadcrumbs/rtl-middle-selected.png),
|
||||
url(breadcrumbs/rtl-middle-pressed.png),
|
||||
url(breadcrumbs/rtl-middle-selected-pressed.png),
|
||||
url(breadcrumbs/rtl-end.png),
|
||||
url(breadcrumbs/rtl-end-selected.png),
|
||||
url(breadcrumbs/rtl-end-pressed.png),
|
||||
url(breadcrumbs/rtl-end-selected-pressed.png);
|
||||
}
|
||||
|
||||
.scrollbutton-up,
|
||||
.scrollbutton-down {
|
||||
-moz-appearance: none;
|
||||
background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
|
||||
box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset,
|
||||
0 0 0 1px hsla(210,16%,76%,.15) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
border: 1px solid hsla(210,8%,5%,.45);
|
||||
margin: 1px 0 1px;
|
||||
}
|
||||
|
||||
.scrollbutton-up:not([disabled]):active:hover,
|
||||
.scrollbutton-down:not([disabled]):active:hover {
|
||||
background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
|
||||
box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 3px hsla(210,8%,5%,.25) inset,
|
||||
0 1px 0 hsla(210,16%,76%,.15);
|
||||
border-color: hsla(210,8%,5%,.6);
|
||||
}
|
||||
|
||||
.scrollbutton-up > .toolbarbutton-icon,
|
||||
.scrollbutton-down > .toolbarbutton-icon {
|
||||
-moz-appearance: none;
|
||||
list-style-image: url("breadcrumbs-scrollbutton.png");
|
||||
-moz-image-region: rect(0px,7px,16px,0px);
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon,
|
||||
.scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon {
|
||||
-moz-image-region: rect(0px,14px,16px,7px);
|
||||
}
|
||||
|
||||
.scrollbutton-up[disabled] > .toolbarbutton-icon,
|
||||
.scrollbutton-down[disabled] > .toolbarbutton-icon {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
|
||||
.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item {
|
||||
background-color: transparent;
|
||||
-moz-appearance: none;
|
||||
overflow: hidden;
|
||||
min-width: 85px;
|
||||
max-width: 250px;
|
||||
min-height: 25px;
|
||||
border-style: solid;
|
||||
border-width: 2px 13px;
|
||||
margin: 0 -11px 0 0;
|
||||
padding: 0 9px;
|
||||
outline: none;
|
||||
color: hsl(210,30%,85%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:-moz-focusring > label {
|
||||
border-bottom: 1px dotted hsla(210,30%,85%,0.4);
|
||||
}
|
||||
%include ../../shared/devtools/widgets.inc.css
|
||||
|
||||
.breadcrumbs-widget-item:-moz-focusring > .button-box {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag {
|
||||
color: hsl(208,100%,60%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id {
|
||||
color: hsl(205,100%,70%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes {
|
||||
color: hsl(20,100%,70%);
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item-id,
|
||||
.breadcrumbs-widget-item-classes {
|
||||
color: #8d99a6;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item-pseudo-classes {
|
||||
color: hsl(20,100%,85%);
|
||||
}
|
||||
|
||||
/* Breadcrumbs LTR */
|
||||
|
||||
.breadcrumbs-widget-item:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-selected.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-middle-selected-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-selected.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-start-selected-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-selected.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(ltr) {
|
||||
border-image: url("breadcrumbs/ltr-end-selected-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(ltr) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(ltr) {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
/* Breadcrumbs RTL */
|
||||
|
||||
.breadcrumbs-widget-item:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-selected.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-middle-selected-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-selected.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:first-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-start-selected-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type:not([checked]):hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-selected.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-item:last-of-type[checked]:hover:active:-moz-locale-dir(rtl) {
|
||||
border-image: url("breadcrumbs/rtl-end-selected-pressed.png") 2 13 2 13 fill stretch;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:first-of-type:-moz-locale-dir(rtl) {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
.breadcrumbs-widget-container[overflows] > .breadcrumbs-widget-item:last-of-type:-moz-locale-dir(rtl) {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
/* SimpleListWidget */
|
||||
|
||||
.simple-list-widget-item:not(.selected):hover {
|
||||
background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;
|
||||
}
|
||||
|
||||
.simple-list-widget-item.selected {
|
||||
background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.simple-list-widget-perma-text,
|
||||
.simple-list-widget-empty-text {
|
||||
color: GrayText;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
/* FastListWidget */
|
||||
|
||||
.fast-list-widget-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.theme-dark .fast-list-widget-empty-text {
|
||||
padding: 12px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.theme-light .fast-list-widget-empty-text {
|
||||
padding: 4px 8px;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
/* SideMenuWidget */
|
||||
|
||||
.side-menu-widget-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.side-menu-widget-container[theme="dark"] {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.side-menu-widget-container[theme="light"] {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* SideMenuWidget container */
|
||||
|
||||
.side-menu-widget-container:-moz-locale-dir(ltr),
|
||||
.side-menu-widget-empty-text:-moz-locale-dir(ltr) {
|
||||
box-shadow: inset -1px 0 0 #222426;
|
||||
}
|
||||
|
||||
.side-menu-widget-container:-moz-locale-dir(rtl),
|
||||
.side-menu-widget-empty-text:-moz-locale-dir(rtl) {
|
||||
box-shadow: inset 1px 0 0 #222426;
|
||||
}
|
||||
|
||||
.side-menu-widget-group {
|
||||
/* To allow visibility of the dark margin shadow. */
|
||||
-moz-margin-end: 1px;
|
||||
}
|
||||
|
||||
.side-menu-widget-container[with-arrows=true] .side-menu-widget-item {
|
||||
/* To compensate for the arrow image's dark margin. */
|
||||
-moz-margin-end: -1px;
|
||||
}
|
||||
|
||||
/* SideMenuWidget groups */
|
||||
|
||||
.side-menu-widget-group-title {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-group-title[theme="dark"] {
|
||||
background-image: linear-gradient(#1f3e4f, #1b3243);
|
||||
text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
|
||||
box-shadow: 0 1px 0 hsla(0,0%,100%,.05) inset,
|
||||
0 -2px 0 hsla(206,37%,4%,.05) inset,
|
||||
0 -1px 1px hsla(206,37%,4%,.1) inset;
|
||||
}
|
||||
|
||||
.side-menu-widget-group-title[theme="light"] {
|
||||
background-image: linear-gradient(#fff, #eee);
|
||||
}
|
||||
|
||||
/* SideMenuWidget items */
|
||||
|
||||
.side-menu-widget-item[theme="dark"] {
|
||||
border-top: 1px solid hsla(210,8%,5%,.25);
|
||||
border-bottom: 1px solid hsla(210,16%,76%,.1);
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item[theme="light"] {
|
||||
border-top: 1px solid hsla(210,8%,75%,.25);
|
||||
border-bottom: 1px solid hsla(210,16%,76%,.1);
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item[theme="dark"]:last-of-type {
|
||||
box-shadow: inset 0 -1px 0 hsla(210,8%,5%,.25);
|
||||
}
|
||||
|
||||
.side-menu-widget-item[theme="light"]:last-of-type {
|
||||
box-shadow: inset 0 -1px 0 hsla(210,8%,75%,.25);
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected {
|
||||
background: linear-gradient(hsl(206,61%,40%), hsl(206,61%,31%)) repeat-x top left !important;
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.15);
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
|
||||
background-size: auto, 1px 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
|
||||
background-image: url(itemArrow-ltr.png), linear-gradient(to right, #222426, #222426);
|
||||
background-position: center right, top right;
|
||||
}
|
||||
|
||||
.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
|
||||
background-image: url(itemArrow-rtl.png), linear-gradient(to right, #222426, #222426);
|
||||
background-position: center left, top left;
|
||||
}
|
||||
|
||||
/* SideMenuWidget items contents */
|
||||
|
||||
.side-menu-widget-item-contents {
|
||||
padding: 4px 0px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-arrow {
|
||||
-moz-margin-start: -8px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other {
|
||||
background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.65);
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other.selected {
|
||||
background: url(background-noise-toolbar.png), hsla(208,11%,27%, 0.15);
|
||||
box-shadow: inset 0 1px 0 hsla(210,40%,83%,.07),
|
||||
inset 0 -1px 0 hsla(210,40%,83%,.07);
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other:first-of-type {
|
||||
margin-top: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other:last-of-type {
|
||||
margin-bottom: -4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-other > label {
|
||||
color: #f5f7fa;
|
||||
}
|
||||
|
||||
/* SideMenuWidget checkboxes */
|
||||
|
||||
.side-menu-widget-group-checkbox {
|
||||
margin: 0;
|
||||
-moz-margin-end: 4px;
|
||||
}
|
||||
|
||||
.side-menu-widget-item-checkbox {
|
||||
margin: 0;
|
||||
-moz-margin-start: 4px;
|
||||
-moz-margin-end: -4px;
|
||||
}
|
||||
|
||||
/* SideMenuWidget misc */
|
||||
|
||||
.side-menu-widget-empty-text[theme="dark"] {
|
||||
background: url(background-noise-toolbar.png), hsl(208,11%,27%);
|
||||
padding: 12px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.side-menu-widget-empty-text[theme="light"] {
|
||||
background: #fff;
|
||||
padding: 4px 8px;
|
||||
color: GrayText;
|
||||
}
|
||||
|
||||
/* VariablesView */
|
||||
|
||||
.variables-view-container {
|
||||
/* Hack: force hardware acceleration */
|
||||
transform: translateZ(1px);
|
||||
}
|
||||
|
||||
.variables-view-empty-notice {
|
||||
color: GrayText;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.variables-view-scope > .title {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Generic variables traits */
|
||||
|
||||
.variables-view-variable:not(:last-child) {
|
||||
border-bottom: 1px solid rgba(128, 128, 128, .15);
|
||||
}
|
||||
|
||||
.variables-view-variable > .title > .name {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Generic variables *and* properties traits */
|
||||
|
||||
.variable-or-property:focus > .title > label {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
.variable-or-property > .title > .value {
|
||||
-moz-box-flex: 1;
|
||||
}
|
||||
|
||||
.variable-or-property > .title > .arrow {
|
||||
-moz-margin-start: 3px;
|
||||
}
|
||||
|
||||
.variable-or-property:not([untitled]) > .variables-view-element-details {
|
||||
-moz-margin-start: 7px;
|
||||
}
|
||||
|
||||
/* Traits applied when variables or properties are changed or overridden */
|
||||
|
||||
.variable-or-property:not([overridden]) {
|
||||
transition: background 1s ease-in-out;
|
||||
}
|
||||
|
||||
.variable-or-property:not([overridden])[changed] {
|
||||
transition-duration: .4s;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] {
|
||||
background: rgba(128,128,128,0.05);
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] .title > label {
|
||||
/* Cross out the title for this variable and all child properties. */
|
||||
font-style: italic;
|
||||
text-decoration: line-through;
|
||||
border-bottom: none !important;
|
||||
color: rgba(128,128,128,0.9);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Traits applied when variables or properties are editable */
|
||||
|
||||
.variable-or-property[editable] > .title > .value {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] .title > .value {
|
||||
/* Disallow editing this variable and all child properties. */
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Custom configurable/enumerable/writable or frozen/sealed/extensible
|
||||
* variables and properties */
|
||||
|
||||
.variable-or-property[non-enumerable]:not([self]):not([pseudo-item]) > .title > .name {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.variable-or-property[non-configurable]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #99f;
|
||||
}
|
||||
|
||||
.variable-or-property[non-writable]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #f99;
|
||||
}
|
||||
|
||||
.variable-or-property[safe-getter]:not([pseudo-item]) > .title > .name {
|
||||
border-bottom: 1px dashed #8b0;
|
||||
}
|
||||
|
||||
.variable-or-property-non-writable-icon {
|
||||
background: url("chrome://browser/skin/identity-icons-https.png") no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@media (min-resolution: 2dppx) {
|
||||
.variable-or-property-non-writable-icon {
|
||||
background-image: url("chrome://browser/skin/identity-icons-https@2x.png");
|
||||
background-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.variable-or-property-frozen-label,
|
||||
.variable-or-property-sealed-label,
|
||||
.variable-or-property-non-extensible-label {
|
||||
-moz-padding-end: 4px;
|
||||
}
|
||||
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-frozen-label,
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-sealed-label,
|
||||
.variable-or-property:not(:focus) > .title > .variable-or-property-non-extensible-label {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* Aligned values */
|
||||
|
||||
.variables-view-container[aligned-values] .title > .separator {
|
||||
-moz-box-flex: 1;
|
||||
}
|
||||
|
||||
.variables-view-container[aligned-values] .title > .value {
|
||||
-moz-box-flex: 0;
|
||||
width: 70vw;
|
||||
}
|
||||
|
||||
.variables-view-container[aligned-values] .title > .element-value-input {
|
||||
width: calc(70vw - 10px);
|
||||
}
|
||||
|
||||
/* Actions first */
|
||||
|
||||
.variables-view-container[actions-first] .variables-view-delete,
|
||||
.variables-view-container[actions-first] .variables-view-add-property {
|
||||
-moz-box-ordinal-group: 0;
|
||||
}
|
||||
|
||||
.variables-view-container[actions-first] [invisible] {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Variables and properties tooltips */
|
||||
|
||||
.variable-or-property > tooltip > label {
|
||||
margin: 0 2px 0 2px;
|
||||
}
|
||||
|
||||
.variable-or-property[non-enumerable] > tooltip > label.enumerable,
|
||||
.variable-or-property[non-configurable] > tooltip > label.configurable,
|
||||
.variable-or-property[non-writable] > tooltip > label.writable,
|
||||
.variable-or-property[non-extensible] > tooltip > label.extensible {
|
||||
color: #800;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.variable-or-property[overridden] > tooltip > label.overridden {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #000;
|
||||
}
|
||||
|
||||
.variable-or-property[safe-getter] > tooltip > label.WebIDL {
|
||||
-moz-padding-start: 4px;
|
||||
-moz-border-start: 1px dotted #000;
|
||||
color: #080;
|
||||
}
|
||||
|
||||
/* Variables and properties editing */
|
||||
|
||||
.variables-view-delete {
|
||||
list-style-image: url("chrome://browser/skin/devtools/vview-delete.png");
|
||||
-moz-image-region: rect(0,16px,16px,0);
|
||||
}
|
||||
|
||||
.variables-view-delete:hover {
|
||||
-moz-image-region: rect(0,32px,16px,16px);
|
||||
}
|
||||
|
||||
.variables-view-delete:active {
|
||||
-moz-image-region: rect(0,48px,16px,32px);
|
||||
}
|
||||
|
||||
.variables-view-edit {
|
||||
background: url("chrome://browser/skin/devtools/vview-edit.png") center no-repeat;
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.variables-view-throbber {
|
||||
background: url("chrome://global/skin/icons/loading_16.png") center no-repeat;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.element-value-input {
|
||||
-moz-margin-start: -2px !important;
|
||||
-moz-margin-end: 2px !important;
|
||||
}
|
||||
|
||||
.element-name-input {
|
||||
-moz-margin-start: -2px !important;
|
||||
-moz-margin-end: 2px !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.element-value-input,
|
||||
.element-name-input {
|
||||
border: 1px solid rgba(128, 128, 128, .5) !important;
|
||||
border-radius: 0;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Variables and properties searching */
|
||||
|
||||
.variables-view-searchinput {
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
.variable-or-property[unmatched] {
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Expand/collapse arrow */
|
||||
|
||||
.arrow {
|
||||
-moz-appearance: none;
|
||||
background: url("chrome://global/skin/tree/twisty-clsd.png") center center no-repeat;
|
||||
width: 9px;
|
||||
height: 20px;
|
||||
-moz-margin-start: 5px;
|
||||
-moz-margin-end: 5px;
|
||||
}
|
||||
|
||||
.arrow[open] {
|
||||
-moz-appearance: none;
|
||||
background-image: url("chrome://global/skin/tree/twisty-open.png");
|
||||
}
|
||||
|
||||
.arrow[invisible] {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
%include ../../shared/devtools/app-manager/manifest-editor.inc.css
|
||||
|
|
|
@ -224,15 +224,17 @@ browser.jar:
|
|||
skin/classic/browser/devtools/splitview.css (devtools/splitview.css)
|
||||
skin/classic/browser/devtools/styleeditor.css (devtools/styleeditor.css)
|
||||
* skin/classic/browser/devtools/shadereditor.css (devtools/shadereditor.css)
|
||||
skin/classic/browser/devtools/debugger.css (devtools/debugger.css)
|
||||
* skin/classic/browser/devtools/debugger.css (devtools/debugger.css)
|
||||
* skin/classic/browser/devtools/profiler.css (devtools/profiler.css)
|
||||
skin/classic/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/browser/devtools/scratchpad.css (devtools/scratchpad.css)
|
||||
skin/classic/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
|
||||
skin/classic/browser/devtools/option-icon.png (devtools/option-icon.png)
|
||||
skin/classic/browser/devtools/itemToggle.png (devtools/itemToggle.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.png (devtools/itemArrow-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.png (devtools/itemArrow-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-rtl.png (../shared/devtools/images/itemArrow-dark-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-dark-ltr.png (../shared/devtools/images/itemArrow-dark-ltr.png)
|
||||
skin/classic/browser/devtools/itemArrow-rtl.png (../shared/devtools/images/itemArrow-rtl.png)
|
||||
skin/classic/browser/devtools/itemArrow-ltr.png (../shared/devtools/images/itemArrow-ltr.png)
|
||||
skin/classic/browser/devtools/background-noise-toolbar.png (devtools/background-noise-toolbar.png)
|
||||
skin/classic/browser/devtools/noise.png (devtools/noise.png)
|
||||
skin/classic/browser/devtools/inspect-button.png (devtools/inspect-button.png)
|
||||
|
@ -535,17 +537,19 @@ browser.jar:
|
|||
skin/classic/aero/browser/devtools/splitview.css (devtools/splitview.css)
|
||||
skin/classic/aero/browser/devtools/styleeditor.css (devtools/styleeditor.css)
|
||||
* skin/classic/aero/browser/devtools/shadereditor.css (devtools/shadereditor.css)
|
||||
skin/classic/aero/browser/devtools/debugger.css (devtools/debugger.css)
|
||||
* skin/classic/aero/browser/devtools/debugger.css (devtools/debugger.css)
|
||||
* skin/classic/aero/browser/devtools/profiler.css (devtools/profiler.css)
|
||||
skin/classic/aero/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/aero/browser/devtools/netmonitor.css (devtools/netmonitor.css)
|
||||
* skin/classic/aero/browser/devtools/scratchpad.css (devtools/scratchpad.css)
|
||||
skin/classic/aero/browser/devtools/magnifying-glass.png (devtools/magnifying-glass.png)
|
||||
skin/classic/aero/browser/devtools/option-icon.png (devtools/option-icon.png)
|
||||
skin/classic/aero/browser/devtools/itemToggle.png (devtools/itemToggle.png)
|
||||
skin/classic/aero/browser/devtools/itemArrow-rtl.png (devtools/itemArrow-rtl.png)
|
||||
skin/classic/aero/browser/devtools/itemArrow-dark-rtl.png (../shared/devtools/images/itemArrow-dark-rtl.png)
|
||||
skin/classic/aero/browser/devtools/itemArrow-dark-ltr.png (../shared/devtools/images/itemArrow-dark-ltr.png)
|
||||
skin/classic/aero/browser/devtools/itemArrow-rtl.png (../shared/devtools/images/itemArrow-rtl.png)
|
||||
skin/classic/aero/browser/devtools/itemArrow-ltr.png (../shared/devtools/images/itemArrow-ltr.png)
|
||||
skin/classic/aero/browser/devtools/background-noise-toolbar.png (devtools/background-noise-toolbar.png)
|
||||
skin/classic/aero/browser/devtools/noise.png (devtools/noise.png)
|
||||
skin/classic/aero/browser/devtools/itemArrow-ltr.png (devtools/itemArrow-ltr.png)
|
||||
skin/classic/aero/browser/devtools/inspect-button.png (devtools/inspect-button.png)
|
||||
skin/classic/aero/browser/devtools/dropmarker.png (devtools/dropmarker.png)
|
||||
skin/classic/aero/browser/devtools/layout-background-grid.png (devtools/layout-background-grid.png)
|
||||
|
|
|
@ -145,13 +145,13 @@ abstract class UITest extends ActivityInstrumentationTestCase2<Activity>
|
|||
}
|
||||
|
||||
@Override
|
||||
public void dumpLog(final String message) {
|
||||
mAsserter.dumpLog(message);
|
||||
public void dumpLog(final String logtag, final String message) {
|
||||
mAsserter.dumpLog(logtag + ": " + message);
|
||||
}
|
||||
|
||||
@Override
|
||||
public void dumpLog(final String message, final Throwable t) {
|
||||
mAsserter.dumpLog(message, t);
|
||||
public void dumpLog(final String logtag, final String message, final Throwable t) {
|
||||
mAsserter.dumpLog(logtag + ": " + message, t);
|
||||
}
|
||||
|
||||
@Override
|
||||
|
|
|
@ -31,8 +31,8 @@ public interface UITestContext {
|
|||
public Actions getActions();
|
||||
public Instrumentation getInstrumentation();
|
||||
|
||||
public void dumpLog(final String message);
|
||||
public void dumpLog(final String message, final Throwable t);
|
||||
public void dumpLog(final String logtag, final String message);
|
||||
public void dumpLog(final String logtag, final String message, final Throwable t);
|
||||
|
||||
/**
|
||||
* Returns the absolute version of the given URL using the host's hostname.
|
||||
|
|
|
@ -22,6 +22,8 @@ import android.view.View;
|
|||
* A class representing any interactions that take place on the Awesomescreen.
|
||||
*/
|
||||
public class AboutHomeComponent extends BaseComponent {
|
||||
private static final String LOGTAG = AboutHomeComponent.class.getSimpleName();
|
||||
|
||||
// The different types of pages that can be present on about:home
|
||||
public enum PageType {
|
||||
HISTORY,
|
||||
|
@ -82,13 +84,13 @@ public class AboutHomeComponent extends BaseComponent {
|
|||
}
|
||||
|
||||
public AboutHomeComponent swipeToPageOnRight() {
|
||||
mTestContext.dumpLog("Swiping to the page on the right.");
|
||||
mTestContext.dumpLog(LOGTAG, "Swiping to the page on the right.");
|
||||
swipeToPage(Solo.RIGHT);
|
||||
return this;
|
||||
}
|
||||
|
||||
public AboutHomeComponent swipeToPageOnLeft() {
|
||||
mTestContext.dumpLog("Swiping to the page on the left.");
|
||||
mTestContext.dumpLog(LOGTAG, "Swiping to the page on the left.");
|
||||
swipeToPage(Solo.LEFT);
|
||||
return this;
|
||||
}
|
||||
|
|
|
@ -105,7 +105,7 @@ public final class WaitHelper {
|
|||
}
|
||||
}, CHANGE_WAIT_MS);
|
||||
|
||||
sContext.dumpLog(verifier.getLogTag() +
|
||||
sContext.dumpLog(verifier.getLogTag(),
|
||||
(hasTimedOut ? "timed out." : "was satisfied."));
|
||||
}
|
||||
}
|
||||
|
@ -129,8 +129,7 @@ public final class WaitHelper {
|
|||
}
|
||||
|
||||
private static class ToolbarTitleTextChangeVerifier implements ChangeVerifier {
|
||||
private static final String LOGTAG =
|
||||
ToolbarTitleTextChangeVerifier.class.getSimpleName() + ": ";
|
||||
private static final String LOGTAG = ToolbarTitleTextChangeVerifier.class.getSimpleName();
|
||||
|
||||
// A regex that matches the page title that shows up while the page is loading.
|
||||
private static final Pattern LOADING_PREFIX = Pattern.compile("[A-Za-z]{3,9}://");
|
||||
|
@ -145,7 +144,7 @@ public final class WaitHelper {
|
|||
@Override
|
||||
public void storeState() {
|
||||
mOldTitleText = sToolbar.getPotentiallyInconsistentTitle();
|
||||
sContext.dumpLog(LOGTAG + "stored title, \"" + mOldTitleText + "\".");
|
||||
sContext.dumpLog(LOGTAG, "stored title, \"" + mOldTitleText + "\".");
|
||||
}
|
||||
|
||||
@Override
|
||||
|
@ -163,7 +162,7 @@ public final class WaitHelper {
|
|||
final boolean hasStateChanged = !isLoading && !mOldTitleText.equals(title);
|
||||
|
||||
if (hasStateChanged) {
|
||||
sContext.dumpLog(LOGTAG + "state changed to title, \"" + title + "\".");
|
||||
sContext.dumpLog(LOGTAG, "state changed to title, \"" + title + "\".");
|
||||
}
|
||||
return hasStateChanged;
|
||||
}
|
||||
|
|
|
@ -20,6 +20,7 @@ import android.view.View;
|
|||
import android.view.View.OnClickListener;
|
||||
|
||||
public class GeckoActionProvider extends ActionProvider {
|
||||
private static int MAX_HISTORY_SIZE = 2;
|
||||
|
||||
/**
|
||||
* A listener to know when a target was selected.
|
||||
|
@ -55,8 +56,8 @@ public class GeckoActionProvider extends ActionProvider {
|
|||
|
||||
final PackageManager packageManager = mContext.getPackageManager();
|
||||
int historySize = dataModel.getDistinctActivityCountInHistory();
|
||||
if (historySize > 2) {
|
||||
historySize = 2;
|
||||
if (historySize > MAX_HISTORY_SIZE) {
|
||||
historySize = MAX_HISTORY_SIZE;
|
||||
}
|
||||
|
||||
// Historical data is dependent on past selection of activities.
|
||||
|
|
|
@ -3772,7 +3772,7 @@ Tab.prototype = {
|
|||
}
|
||||
|
||||
// true if the page loaded successfully (i.e., no 404s or other errors)
|
||||
let success = false;
|
||||
let success = false;
|
||||
let uri = "";
|
||||
try {
|
||||
// Remember original URI for UA changes on redirected pages
|
||||
|
@ -3783,7 +3783,11 @@ Tab.prototype = {
|
|||
} catch (e) { }
|
||||
try {
|
||||
success = aRequest.QueryInterface(Components.interfaces.nsIHttpChannel).requestSucceeded;
|
||||
} catch (e) { }
|
||||
} catch (e) {
|
||||
// If the request does not handle the nsIHttpChannel interface, use nsIRequest's success
|
||||
// status. Used for local files. See bug 948849.
|
||||
success = aRequest.status == 0;
|
||||
}
|
||||
|
||||
// Check to see if we restoring the content from a previous presentation (session)
|
||||
// since there should be no real network activity
|
||||
|
|
|
@ -181,7 +181,8 @@ nsSystemInfo::Init()
|
|||
nsAutoString version;
|
||||
rv = GetPropertyAsAString(NS_LITERAL_STRING("version"), version);
|
||||
NS_ENSURE_SUCCESS(rv, rv);
|
||||
double versionDouble = atof(NS_ConvertUTF16toUTF8(version).get());
|
||||
double versionDouble = version.ToDouble(&rv);
|
||||
NS_ENSURE_SUCCESS(rv, rv);
|
||||
|
||||
rv = SetPropertyAsBool(NS_ConvertASCIItoUTF16("hasWindowsTouchInterface"),
|
||||
versionDouble >= 6.2);
|
||||
|
|