X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fwebconsole.css;h=1053a91e0dc7006742bdee694f207712858b213b;hp=b10d94cda4582f77fb7ae22e1e8c5501f6a1384b;hb=b336389b03be6c31afa4a33a56b2650dfd950dcb;hpb=28e80a05cdd05682bd45ef0d5101292b3f7b267e diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css index b10d94cd..1053a91e 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/browser/devtools/webconsole.css @@ -38,10 +38,11 @@ a { box-sizing: border-box; } +.message > .prefix, .message > .timestamp { flex: none; color: #8050B0; - margin: 4px 6px 0 0; + margin: 3px 6px 0 0; } .message > .indent { @@ -58,21 +59,15 @@ a { .message > .icon::before { content: ""; - background-image: url("chrome://browser/skin/devtools/webconsole.png"); - background-position: 8px 8px; + background-image: url("chrome://browser/skin/devtools/webconsole.svg"); + background-position: 12px 12px; background-repeat: no-repeat; - background-size: 48px 40px; - width: 8px; - height: 8px; + background-size: 72px 60px; + width: 12px; + height: 12px; display: inline-block; } -@media (min-resolution: 2dppx) { - .message > .icon::before { - background-image: url("chrome://browser/skin/devtools/webconsole@2x.png"); - } -} - .message > .message-body-wrapper { flex: 1 1 100%; margin: 3px; @@ -138,7 +133,7 @@ a { display: flex; } -.message-body { +.message-body > * { white-space: pre-wrap; word-wrap: break-word; } @@ -199,6 +194,10 @@ a { /* WebConsole colored drops */ +.hud-console-filter-toolbar toolbarbutton > .toolbarbutton-text { + padding: 2px 2px 3px; +} + .webconsole-filter-button { -moz-user-focus: normal; } @@ -209,11 +208,16 @@ a { height: 8px; width: 8px; border-radius: 50%; - margin-left: 5px; + -moz-margin-start: 2px; + -moz-margin-end: 2px; border-width: 1px; border-style: solid; } +.webconsole-filter-button > .toolbarbutton-menubutton-button { + -moz-box-orient: horizontal; +} + .webconsole-filter-button menuitem { -moz-image-region: auto; } @@ -230,7 +234,7 @@ a { } .message:hover { - background-color: #404000; + background-color: var(--theme-contrast-background); } .message[severity=error] { @@ -257,7 +261,7 @@ a { } .message[category=network][severity=error] > .icon::before { - background-position: -8px 0; + background-position: -12px 0; } .message[category=network] > .message-body { @@ -292,6 +296,17 @@ a { margin: 0 6px; } +.message[category=network] .xhr { + background-color: var(--theme-body-color-alt); + color: var(--theme-body-background); + border-radius: 3px; + font-weight: bold; + font-size: 10px; + padding: 2px; + line-height: 10px; + -moz-margin-end: 1ex; +} + /* CSS styles */ .webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before { background-image: linear-gradient(#7575BF, #4E4E7F); @@ -303,11 +318,11 @@ a { } .message[category=cssparser][severity=error] > .icon::before { - background-position: -8px -8px; + background-position: -12px -12px; } .message[category=cssparser][severity=warn] > .icon::before { - background-position: -16px -8px; + background-position: -24px -12px; } /* JS styles */ @@ -321,11 +336,11 @@ a { } .message[category=exception][severity=error] > .icon::before { - background-position: -8px -16px; + background-position: -12px -24px; } .message[category=exception][severity=warn] > .icon::before { - background-position: -16px -16px; + background-position: -24px -24px; } /* Web Developer styles */ @@ -340,15 +355,15 @@ a { .message[category=console][severity=error] > .icon::before, .message[category=output][severity=error] > .icon::before { - background-position: -8px -24px; + background-position: -12px -36px; } .message[category=console][severity=warn] > .icon::before { - background-position: -16px -24px; + background-position: -24px -36px; } .message[category=console][severity=info] > .icon::before { - background-position: -24px -24px; + background-position: -36px -36px; } /* Input and output styles */ @@ -358,11 +373,11 @@ a { } .message[category=input] > .icon::before { - background-position: -32px -24px; + background-position: -48px -36px; } .message[category=output] > .icon::before { - background-position: -40px -24px; + background-position: -60px -36px; } /* JSTerm Styles */ @@ -380,7 +395,7 @@ a { background-size: 16px 16px; } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { .jsterm-input-node { background-image: -moz-image-rect(url('chrome://browser/skin/devtools/commandline-icon@2x.png'), 0, 64, 32, 32); } @@ -394,6 +409,9 @@ a { .inlined-variables-view .message-body { display: flex; flex-direction: column; + resize: vertical; + overflow: auto; + min-height: 200px; } .inlined-variables-view iframe { @@ -427,11 +445,11 @@ a { } .message[category=security][severity=error] > .icon::before { - background-position: -8px -32px; + background-position: -12px -48px; } .message[category=security][severity=warn] > .icon::before { - background-position: -16px -32px; + background-position: -24px -48px; } .navigation-marker { @@ -569,6 +587,7 @@ a { .toolbarbutton-text { display: -moz-box; } + /* .devtools-toolbarbutton { margin-top: 3px; } @@ -576,6 +595,7 @@ a { .hud-console-filter-toolbar .devtools-toolbarbutton { margin-top: 5px; } + */ } /* === END webconsole.inc.css === */