diff options
author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
---|---|---|
committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
tree | 10027f336435511475e392454359edea8e25895d /devtools/client/jsonview/css | |
parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
download | UXP-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.css | 46 | ||||
-rw-r--r-- | devtools/client/jsonview/css/headers-panel.css | 78 | ||||
-rw-r--r-- | devtools/client/jsonview/css/json-panel.css | 16 | ||||
-rw-r--r-- | devtools/client/jsonview/css/main.css | 59 | ||||
-rw-r--r-- | devtools/client/jsonview/css/moz.build | 16 | ||||
-rw-r--r-- | devtools/client/jsonview/css/search-box.css | 24 | ||||
-rw-r--r-- | devtools/client/jsonview/css/search.svg | 22 | ||||
-rw-r--r-- | devtools/client/jsonview/css/text-panel.css | 26 | ||||
-rw-r--r-- | devtools/client/jsonview/css/toolbar.css | 92 |
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 */ +} |