wehub-resource-sync
83 lines
3.7 KiB
CSS
83 lines
3.7 KiB
CSS
/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
|
|
* ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃
|
|
* ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃
|
|
* ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃
|
|
* ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃
|
|
* ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
|
|
* ┃ Copyright (c) 2017, the Perspective Authors. ┃
|
|
* ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
|
|
* ┃ This file is part of the Perspective library, distributed under the terms ┃
|
|
* ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
|
|
* ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
|
|
*/
|
|
|
|
:host {
|
|
div.tab-title#Debug:before {
|
|
content: var(--psp-label--debug-tab--content, "Debug JSON");
|
|
}
|
|
|
|
#debug-panel-overflow {
|
|
overflow: hidden;
|
|
display: flex;
|
|
}
|
|
|
|
#debug-panel {
|
|
display: flex;
|
|
min-width: 150px;
|
|
label {
|
|
display: block;
|
|
margin-bottom: 2px;
|
|
font-size: var(--label--font-size, 0.75em);
|
|
}
|
|
|
|
#debug-panel-controls {
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
gap: 0.333333em;
|
|
padding: 12px 8px 0px 0px;
|
|
align-items: center;
|
|
button {
|
|
appearance: none;
|
|
background-color: transparent;
|
|
border-radius: 3px;
|
|
border: 1px solid var(--psp--color);
|
|
color: inherit;
|
|
cursor: pointer;
|
|
flex: 0 1 100px;
|
|
font-family: inherit;
|
|
font-size: 0.8333em;
|
|
text-transform: uppercase;
|
|
height: 24px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
width: 0px;
|
|
&:not([disabled]):hover {
|
|
background-color: var(--psp--color);
|
|
color: var(--psp--background-color);
|
|
}
|
|
|
|
&[disabled] {
|
|
cursor: not-allowed;
|
|
opacity: 0.2;
|
|
}
|
|
}
|
|
}
|
|
|
|
#debug-panel-editor {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 0 1 auto;
|
|
overflow: hidden;
|
|
padding: 8px 8px 8px 0;
|
|
}
|
|
|
|
#editor {
|
|
background-color: var(--psp--background-color);
|
|
border: 1px solid var(--psp-inactive--color);
|
|
border-radius: 2px;
|
|
font-size: 0.8em;
|
|
/* height: 100%; */
|
|
}
|
|
}
|
|
}
|