diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /devtools/client/debugger/src/components/App.css | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'devtools/client/debugger/src/components/App.css')
-rw-r--r-- | devtools/client/debugger/src/components/App.css | 151 |
1 files changed, 151 insertions, 0 deletions
diff --git a/devtools/client/debugger/src/components/App.css b/devtools/client/debugger/src/components/App.css new file mode 100644 index 0000000000..796bf84574 --- /dev/null +++ b/devtools/client/debugger/src/components/App.css @@ -0,0 +1,151 @@ +/* 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/>. */ + +* { + box-sizing: border-box; +} + +html, +body { + height: 100%; + width: 100%; + margin: 0; + padding: 0; +} + +#mount { + height: 100%; +} + +button { + background: transparent; + border: none; + font-family: inherit; + font-size: inherit; +} + +button:hover { + background-color: var(--theme-toolbar-background-hover); +} + +.theme-dark button:hover { + background-color: var(--theme-toolbar-hover); +} + +.debugger { + display: flex; + flex: 1; + height: 100%; +} + +.debugger .tree-indent { + width: 16px; + margin-inline-start: 0; + border-inline-start: 0; +} + +.editor-pane { + display: flex; + position: relative; + flex: 1; + background-color: var(--theme-body-background); + height: 100%; + overflow: hidden; +} + +.editor-container { + width: 100%; + display: grid; + grid-template-areas: + "editor-header" + "editor " + "notification " + "editor-footer"; + grid-template-rows: + var(--editor-header-height) + 1fr + auto + var(--editor-footer-height); + max-height: 100%; + overflow-y: auto; +} + +.editor-notification-footer { + background: var(--theme-warning-background); + border-top: 1px solid var(--theme-warning-border); + color: var(--theme-warning-color); + padding: 0.5em; + gap: 8px; + grid-area: notification; + display: flex; +} + +/* Utils */ +.absolute-center { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.d-flex { + display: flex; +} + +.align-items-center { + align-items: center; +} + +.rounded-circle { + border-radius: 50%; +} + +.text-white { + color: white; +} + +.text-center { + text-align: center; +} + +.min-width-0 { + min-width: 0; +} + +/* + Prevents horizontal scrollbar from displaying when + right pane collapsed (#7505) +*/ +.split-box > .splitter:last-child { + display: none; +} + +/** + * In RTL layouts, the Debugger UI overlays the splitters. See Bug 1731233. + * Note: we need to the `.debugger` prefix here to beat the specificity of the + * general rule defined in SlitBox.css for `.split-box.vert > .splitter`. + */ +.debugger .split-box.vert > .splitter { + border-left-width: var(--devtools-splitter-inline-start-width); + border-right-width: var(--devtools-splitter-inline-end-width); + + margin-left: calc(-1 * var(--devtools-splitter-inline-start-width) - 1px); + margin-right: calc(-1 * var(--devtools-splitter-inline-end-width)); +} + +::-webkit-scrollbar { + width: 8px; + height: 8px; + background: transparent; +} + +::-webkit-scrollbar-track { + border-radius: 8px; + background: transparent; +} + +::-webkit-scrollbar-thumb { + border-radius: 8px; + background: rgba(113, 113, 113, 0.5); +} |