Nicolas Chevobbe
e4546eac5f
Use shared classes for all toolbox iframes and splitters, and then have specific classes when the iframe/splitter is docked to the left/right/bottom, so they're easier to work with. Use Element#append and Element#remove instead of appendChild/removeChild Differential Revision: https://phabricator.services.mozilla.com/D312252
42 lines
826 B
CSS
42 lines
826 B
CSS
/* 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 {
|
|
padding: 0;
|
|
margin: 0;
|
|
display: flex;
|
|
height: 100vh;
|
|
}
|
|
|
|
/**
|
|
* The main content of the BrowserToolbox runs within an iframe.
|
|
*/
|
|
.devtools-toolbox-iframe.browsertoolbox-host {
|
|
border: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
/**
|
|
* Status message shows connection (to the backend) info messages.
|
|
*/
|
|
#status-message-container {
|
|
width: calc(100% - 10px);
|
|
font-family: var(--monospace-font-family);
|
|
padding: 5px;
|
|
color: FieldText;
|
|
background-color: Field;
|
|
}
|
|
|
|
#status-message-title {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#status-message {
|
|
font-size: 12px;
|
|
width: 100%;
|
|
height: 200px;
|
|
overflow: auto;
|
|
}
|