summaryrefslogtreecommitdiffstats
path: root/devtools/client/jsonview/css
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /devtools/client/jsonview/css
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'devtools/client/jsonview/css')
-rw-r--r--devtools/client/jsonview/css/general.css46
-rw-r--r--devtools/client/jsonview/css/headers-panel.css78
-rw-r--r--devtools/client/jsonview/css/json-panel.css16
-rw-r--r--devtools/client/jsonview/css/main.css59
-rw-r--r--devtools/client/jsonview/css/moz.build16
-rw-r--r--devtools/client/jsonview/css/search-box.css24
-rw-r--r--devtools/client/jsonview/css/search.svg22
-rw-r--r--devtools/client/jsonview/css/text-panel.css26
-rw-r--r--devtools/client/jsonview/css/toolbar.css92
9 files changed, 379 insertions, 0 deletions
diff --git a/devtools/client/jsonview/css/general.css b/devtools/client/jsonview/css/general.css
new file mode 100644
index 000000000..0c68d65e7
--- /dev/null
+++ b/devtools/client/jsonview/css/general.css
@@ -0,0 +1,46 @@
+/* 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/. */
+
+/******************************************************************************/
+/* General */
+
+body {
+ color: var(--theme-body-color);
+ background-color: var(--theme-body-background);
+ padding: 0;
+ margin: 0;
+ overflow-x: hidden;
+}
+
+*:focus {
+ outline: none !important;
+}
+
+#content {
+ height: 100%;
+}
+
+pre {
+ background-color: white;
+ border: none;
+ font-family: var(--monospace-font-family);
+}
+
+#json,
+#headers {
+ display: none;
+}
+
+/******************************************************************************/
+/* Dark Theme */
+
+body.theme-dark {
+ color: var(--theme-body-color);
+ background-color: var(--theme-body-background);
+}
+
+.theme-dark pre {
+ background-color: var(--theme-body-background);
+}
diff --git a/devtools/client/jsonview/css/headers-panel.css b/devtools/client/jsonview/css/headers-panel.css
new file mode 100644
index 000000000..89cec46e0
--- /dev/null
+++ b/devtools/client/jsonview/css/headers-panel.css
@@ -0,0 +1,78 @@
+/* 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/. */
+
+/******************************************************************************/
+/* Headers Panel */
+
+.headersPanelBox {
+ height: 100%;
+}
+
+.headersPanelBox .netInfoHeadersTable {
+ overflow: auto;
+ height: 100%;
+}
+
+.headersPanelBox .netHeadersGroup {
+ padding: 10px;
+}
+
+.headersPanelBox td {
+ vertical-align: bottom;
+}
+
+.headersPanelBox .netInfoHeadersGroup {
+ color: var(--theme-body-color-alt);
+ margin-bottom: 10px;
+ border-bottom: 1px solid var(--theme-splitter-color);
+ padding-top: 8px;
+ padding-bottom: 4px;
+ font-weight: bold;
+ -moz-user-select: none;
+}
+
+.headersPanelBox .netInfoParamValue {
+ word-wrap: break-word;
+}
+
+.headersPanelBox .netInfoParamName {
+ padding: 2px 10px 0 0;
+ font-weight: bold;
+ vertical-align: top;
+ text-align: right;
+ white-space: nowrap;
+}
+
+/******************************************************************************/
+/* Theme colors have been generated/copied from Network Panel's header view */
+
+/* Light Theme */
+.theme-light .netInfoParamName {
+ color: var(--theme-highlight-red);
+}
+
+.theme-light .netInfoParamValue {
+ color: var(--theme-highlight-purple);
+}
+
+/* Dark Theme */
+.theme-dark .netInfoParamName {
+ color: var(--theme-highlight-purple);
+}
+
+.theme-dark .netInfoParamValue {
+ color: var(--theme-highlight-gray);
+}
+
+/* Firebug Theme */
+.theme-firebug .netInfoHeadersTable {
+ font-family: Lucida Grande, Tahoma, sans-serif;
+ font-size: 11px;
+ line-height: 12px;
+}
+
+.theme-firebug .netInfoParamValue {
+ font-family: var(--monospace-font-family);
+}
diff --git a/devtools/client/jsonview/css/json-panel.css b/devtools/client/jsonview/css/json-panel.css
new file mode 100644
index 000000000..b107d34a0
--- /dev/null
+++ b/devtools/client/jsonview/css/json-panel.css
@@ -0,0 +1,16 @@
+/* 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/. */
+
+/******************************************************************************/
+/* JSON Panel */
+
+.jsonParseError {
+ font-size: 12px;
+ font-family: Lucida Grande, Tahoma, sans-serif;
+ line-height: 15px;
+ width: 100%;
+ padding: 10px;
+ color: red;
+}
diff --git a/devtools/client/jsonview/css/main.css b/devtools/client/jsonview/css/main.css
new file mode 100644
index 000000000..04f3cb87c
--- /dev/null
+++ b/devtools/client/jsonview/css/main.css
@@ -0,0 +1,59 @@
+/* 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/. */
+
+@import "resource://devtools/client/shared/components/reps/reps.css";
+@import "resource://devtools/client/shared/components/tree/tree-view.css";
+@import "resource://devtools/client/shared/components/tabs/tabs.css";
+
+@import "general.css";
+@import "search-box.css";
+@import "toolbar.css";
+@import "json-panel.css";
+@import "text-panel.css";
+@import "headers-panel.css";
+
+/******************************************************************************/
+/* Panel Content */
+
+.panelContent {
+ overflow-y: auto;
+ width: 100%;
+}
+
+/* The tree takes the entire horizontal space within the panel content. */
+.panelContent .treeTable {
+ width: 100%;
+ font-family: var(--monospace-font-family);
+}
+
+:root[platform="linux"] .treeTable {
+ font-size: 80%; /* To handle big monospace font */
+}
+
+/* Make sure there is a little space between label and value columns. */
+.panelContent .treeTable .treeLabelCell {
+ padding-right: 17px;
+}
+
+/******************************************************************************/
+/* Theme Firebug */
+
+.theme-firebug .panelContent {
+ height: calc(100% - 30px);
+}
+
+/* JSON View is using bigger font-size for the main tabs so,
+ let's overwrite the default value. */
+.theme-firebug .tabs .tabs-navigation {
+ font-size: 14px;
+}
+
+/******************************************************************************/
+/* Theme Light & Theme Dark*/
+
+.theme-dark .panelContent,
+.theme-light .panelContent {
+ height: calc(100% - 27px);
+}
diff --git a/devtools/client/jsonview/css/moz.build b/devtools/client/jsonview/css/moz.build
new file mode 100644
index 000000000..e881b3469
--- /dev/null
+++ b/devtools/client/jsonview/css/moz.build
@@ -0,0 +1,16 @@
+# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
+# vim: set filetype=python:
+# 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/.
+
+DevToolsModules(
+ 'general.css',
+ 'headers-panel.css',
+ 'json-panel.css',
+ 'main.css',
+ 'search-box.css',
+ 'search.svg',
+ 'text-panel.css',
+ 'toolbar.css'
+)
diff --git a/devtools/client/jsonview/css/search-box.css b/devtools/client/jsonview/css/search-box.css
new file mode 100644
index 000000000..99615b648
--- /dev/null
+++ b/devtools/client/jsonview/css/search-box.css
@@ -0,0 +1,24 @@
+/* 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/. */
+
+/******************************************************************************/
+/* Search Box */
+
+.searchBox {
+ height: 18px;
+ font: message-box;
+ background-color: var(--theme-body-background);
+ background-image: url("chrome://devtools/skin/images/filter.svg#filterinput");
+ background-repeat: no-repeat;
+ background-position: 2px center;
+ border: 1px solid var(--theme-splitter-color);
+ border-radius: 2px;
+ color: var(--theme-content-color1);
+ width: 200px;
+ margin-top: 0;
+ margin-right: 1px;
+ float: right;
+ padding-left: 20px;
+}
diff --git a/devtools/client/jsonview/css/search.svg b/devtools/client/jsonview/css/search.svg
new file mode 100644
index 000000000..53f2d3651
--- /dev/null
+++ b/devtools/client/jsonview/css/search.svg
@@ -0,0 +1,22 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+ <linearGradient id="a">
+ <stop offset="0" stop-color="#427dc2"/>
+ <stop offset="1" stop-color="#5e9fce"/>
+ </linearGradient>
+ <linearGradient id="b">
+ <stop offset="0" stop-color="#2f5d93"/>
+ <stop offset="1" stop-color="#3a87bd"/>
+ </linearGradient>
+ <filter id="c" width="1.239" height="1.241" x="-.12" y="-.12" color-interpolation-filters="sRGB">
+ <feGaussianBlur stdDeviation=".637"/>
+ </filter>
+ <linearGradient id="d" x1="4.094" x2="4.094" y1="13.423" y2="2.743" xlink:href="#a" gradientUnits="userSpaceOnUse"/>
+ <linearGradient id="e" x1="8.711" x2="8.711" y1="13.58" y2="2.566" xlink:href="#b" gradientUnits="userSpaceOnUse"/>
+ </defs>
+ <path fill="#fff" stroke="#fff" stroke-width="1.5" d="M10.14 1.656c-2.35 0-4.25 1.9-4.25 4.25 0 .752.19 1.45.532 2.063L1.61 12.78l1.562 1.564 4.78-4.78c.64.384 1.387.592 2.19.592 2.35 0 4.25-1.9 4.25-4.25s-1.9-4.25-4.25-4.25zm0 1.532c1.504 0 2.72 1.214 2.72 2.718s-1.216 2.72-2.72 2.72c-1.503 0-2.718-1.216-2.718-2.72 0-1.504 1.215-2.718 2.72-2.718z" stroke-linejoin="round" filter="url(#c)"/>
+ <path fill="url(#d)" stroke="url(#e)" stroke-width=".6" d="M10 2C7.79 2 6 3.79 6 6c0 .828.256 1.612.688 2.25l-4.875 4.875 1.062 1.063L7.75 9.31C8.388 9.745 9.172 10 10 10c2.21 0 4-1.79 4-4s-1.79-4-4-4zm0 1c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3z" stroke-linejoin="round"/>
+</svg>
diff --git a/devtools/client/jsonview/css/text-panel.css b/devtools/client/jsonview/css/text-panel.css
new file mode 100644
index 000000000..99b238556
--- /dev/null
+++ b/devtools/client/jsonview/css/text-panel.css
@@ -0,0 +1,26 @@
+/* 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/. */
+
+/******************************************************************************/
+/* Text Panel */
+
+.textPanelBox {
+ height: 100%;
+}
+
+.textPanelBox .data {
+ overflow: auto;
+ height: 100%;
+}
+
+.textPanelBox pre {
+ margin: 0;
+ font-family: var(--monospace-font-family);
+ color: var(--theme-content-color1);
+}
+
+:root[platform="linux"] .textPanelBox .data {
+ font-size: 80%; /* To handle big monospace font */
+}
diff --git a/devtools/client/jsonview/css/toolbar.css b/devtools/client/jsonview/css/toolbar.css
new file mode 100644
index 000000000..833b2119f
--- /dev/null
+++ b/devtools/client/jsonview/css/toolbar.css
@@ -0,0 +1,92 @@
+/* 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/. */
+
+/******************************************************************************/
+/* Toolbar */
+
+.toolbar {
+ line-height: 20px;
+ height: 22px;
+ font: message-box;
+ padding: 4px 0 3px 0;
+}
+
+.toolbar .btn {
+ margin-left: 5px;
+ background-color: #E6E6E6;
+ border: 1px solid rgb(204, 204, 204);
+ text-decoration: none;
+ display: inline-block;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ cursor: pointer;
+ -moz-user-select: none;
+ padding: 0 2px;
+ border-radius: 2px;
+}
+
+.toolbar .btn::-moz-focus-inner {
+ border: 1px solid transparent;
+}
+
+/******************************************************************************/
+/* Firebug Theme */
+
+.theme-firebug .toolbar {
+ border-bottom: 1px solid rgb(170, 188, 207);
+ background-color: var(--theme-tab-toolbar-background) !important;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));
+}
+
+.theme-firebug .toolbar .btn {
+ border-radius: 2px;
+ color: #141414;
+ background-color: white;
+}
+
+.theme-firebug .toolbar .btn:hover {
+ color: #333;
+ background-color: #e6e6e6;
+ border-color: #adadad;
+}
+
+.theme-firebug .toolbar .btn:active {
+ background-image: none;
+ outline: 0;
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+}
+
+/******************************************************************************/
+/* Light Theme & Dark Theme*/
+
+.theme-dark .toolbar,
+.theme-light .toolbar {
+ background-color: var(--theme-toolbar-background);
+ border-bottom: 1px solid var(--theme-splitter-color);
+ padding: 1px;
+ padding-left: 2px;
+}
+
+.theme-dark .toolbar .btn,
+.theme-light .toolbar .btn {
+ min-height: 18px;
+ color: var(--theme-content-color1);
+ text-shadow: none;
+ margin: 1px 2px 1px 2px;
+ border: none;
+ background-color: rgba(170, 170, 170, .2); /* --toolbar-tab-hover */
+ transition: background 0.05s ease-in-out;
+}
+
+.theme-dark .toolbar .btn:hover,
+.theme-light .toolbar .btn:hover {
+ background: rgba(170, 170, 170, .3); /* Splitters */
+}
+
+.theme-dark .toolbar .btn:not([disabled]):hover:active,
+.theme-light .toolbar .btn:not([disabled]):hover:active {
+ background: rgba(170, 170, 170, .4); /* --toolbar-tab-hover-active */
+}