X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Finspector.css;fp=LCARStrek%2Fdevtools%2Finspector.css;h=5d06ee84c55ac44f580e780dbc39b5e97fc4b3c6;hp=0000000000000000000000000000000000000000;hb=dc9d5d64a3f915cb832f43050545b432f33504f7;hpb=ecfc58b0361c617fa298d4b1bb69ea2484d37de2 diff --git a/LCARStrek/devtools/inspector.css b/LCARStrek/devtools/inspector.css new file mode 100644 index 00000000..5d06ee84 --- /dev/null +++ b/LCARStrek/devtools/inspector.css @@ -0,0 +1,144 @@ +/* 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/. */ + +#inspector-toolbar { + border-top: none; +} + +#inspector-searchlabel { + overflow: hidden; +} + +#inspector-breadcrumbs-toolbar { + padding: 0px; + border-bottom-width: 0px; + border-top-width: 1px; +} + +/* Expand/collapse panel toolbar button */ + +#inspector-pane-toggle { + list-style-image: var(--theme-pane-collapse-image); +} + +#inspector-pane-toggle[pane-collapsed] { + list-style-image: var(--theme-pane-expand-image); +} + +@media (max-width: 700px) { + #inspector-pane-toggle > .toolbarbutton-icon { + transform: rotate(90deg); + } +} + +/* Add element toolbar button */ + +#inspector-element-add-button { + list-style-image: url("chrome://devtools/skin/images/add.svg"); +} + +/* Tooltip: Events */ + +#devtools-tooltip-events-container { + margin: -4px; /* Compensate for the .panel-arrowcontent padding. */ + max-width: 590px; + overflow-y: auto; +} + +.event-header { + display: flex; + align-items: center; + cursor: pointer; +} + +.event-header:first-child { + border-width: 0; +} + +.event-header:not(:first-child) { + border-width: 1px 0 0 0; +} + +.event-tooltip-event-type, +.event-tooltip-filename, +.event-tooltip-attributes { + margin-inline-start: 0; + flex-shrink: 0; + cursor: pointer; +} + +.event-tooltip-event-type { + font-weight: bold; + font-size: 13px; +} + +.event-tooltip-filename { + margin-inline-end: 0; + font-size: 100%; + flex-shrink: 1; +} + +.event-tooltip-debugger-icon { + width: 16px; + height: 16px; + margin-inline-end: 4px; + opacity: 0.6; + flex-shrink: 0; +} + +.event-tooltip-debugger-icon:hover { + opacity: 1; +} + +.event-tooltip-content-box { + display: none; + height: 100px; + overflow: hidden; + margin-inline-end: 0; + border: 1px solid var(--theme-splitter-color); + border-width: 1px 0 0 0; +} + +.event-toolbox-content-box iframe { + height: 100%; +} + +.event-tooltip-content-box[open] { + display: block; +} + +.event-tooltip-source-container { + margin-top: 5px; + margin-bottom: 10px; + margin-inline-start: 5px; + margin-inline-end: 0; +} + +.event-tooltip-source { + margin-bottom: 0; +} + +.event-tooltip-attributes-container { + display: flex; + flex-shrink: 0; + flex-grow: 1; + justify-content: flex-end; +} + +.event-tooltip-attributes-box { + display: flex; + flex-shrink: 0; + align-items: center; + border-radius: 3px; + padding: 2px; + margin-inline-start: 5px; + background-color: var(--theme-body-color-alt); + color: var(--theme-toolbar-background); +} + +.event-tooltip-attributes { + margin: 0; + font-size: 9px; + padding-top: 2px; +}