X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Finspector.css;fp=LCARStrek%2Fbrowser%2Fdevtools%2Finspector.css;h=cb1b54093b1da2769673c309b6f516912c608ce7;hp=10ba6b3a5983330dac208a7cb3e956314264afcb;hb=1988bb88c279ec0deae5bbf72308e7b356416ae5;hpb=9168a62c02f1b9fe7953f2fba5f32305980ac1a3 diff --git a/LCARStrek/browser/devtools/inspector.css b/LCARStrek/browser/devtools/inspector.css index 10ba6b3a..cb1b5409 100644 --- a/LCARStrek/browser/devtools/inspector.css +++ b/LCARStrek/browser/devtools/inspector.css @@ -287,3 +287,88 @@ window { #inspector-searchbox[filled] { max-width: 200px !important; } + +/* Tooltip: Events */ + +#devtools-tooltip-events-container { + margin: -4px; /* Compensate for the .panel-arrowcontent padding. */ + max-width: 390px; +} + +.event-header { + display: flex; + align-items: center; + cursor: pointer; +} + +.event-tooltip-event-type, +.event-tooltip-filename, +.event-tooltip-attributes { + -moz-margin-start: 0; + flex-shrink: 0; + cursor: pointer; +} + +.event-tooltip-event-type { + font-weight: bold; + font-size: 13px; +} + +.event-tooltip-filename { + -moz-margin-end: 0; + font-size: 100%; + flex-shrink: 1; +} + +.event-tooltip-debugger-icon { + width: 16px; + height: 16px; + -moz-margin-end: 4px; + opacity: 0.6; + flex-shrink: 0; +} + +.event-tooltip-debugger-icon:hover { + opacity: 1; +} + +.event-tooltip-content-box { + display: none; + overflow: auto; + -moz-margin-end: 0; +} + +.event-tooltip-content-box[open] { + display: block; +} + +.event-tooltip-source-container { + margin-top: 5px; + margin-bottom: 10px; + -moz-margin-start: 5px; + -moz-margin-end: 0; +} + +.event-tooltip-source { + margin-bottom: 0; +} + +.event-tooltip-attributes-container { + background-color: #000000; + color: #9C9CFF; +} + +.event-tooltip-attributes-container { + display: flex; + flex-shrink: 0; + align-items: center; + border-radius: 3px; + padding: 2px; + -moz-margin-start: 5px; +} + +.event-tooltip-attributes { + margin: 0; + font-size: 9px; + padding-top: 2px; +}