X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fdebugger.css;h=3f3299c1fdbeb86075360783712ceb5059733f09;hp=b3dfbab5d553fc56cabcb6d9ca0c64d54b980096;hb=dccbbf95a71ca8f090dd41f6a9698eb33368c1a9;hpb=1e8874ff0d80f10ef6a2e91931a3b1b73430236d diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index b3dfbab5..3f3299c1 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -27,6 +27,12 @@ window { list-style-image: url("debugger-blackbox.png"); } +@media (min-resolution: 2dppx) { + #black-box { + list-style-image: url(debugger-blackbox@2x.png); + } +} + #pretty-print { font-weight: bold; } @@ -35,6 +41,12 @@ window { list-style-image: url("debugger-toggleBreakpoints.png"); } +@media (min-resolution: 2dppx) { + #toggle-breakpoints { + list-style-image: url(debugger-toggleBreakpoints@2x.png); + } +} + #sources-toolbar .devtools-toolbarbutton:not([label]) { -moz-image-region: rect(0px, 16px, 16px, 0px); } @@ -51,6 +63,24 @@ window { -moz-image-region: rect(16px, 32px, 32px, 16px); } +@media (min-resolution: 2dppx) { + #sources-toolbar .devtools-toolbarbutton:not([label]) { + -moz-image-region: rect(0px,32px,32px,0px); + } + + #sources-toolbar .devtools-toolbarbutton:not([label]):hover { + -moz-image-region: rect(32px,32px,64px,0px); + } + + #sources-toolbar .devtools-toolbarbutton:not([label])[checked] { + -moz-image-region: rect(0px,64px,32px,32px); + } + + #sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover { + -moz-image-region: rect(32px,64px,64px,32px); + } +} + #sources .black-boxed { color: #8050B0; } @@ -112,6 +142,18 @@ window { -moz-image-region: rect(0px,32px,16px,16px); } +@media (min-resolution: 2dppx) { + #trace { + list-style-image: url(tracer-icon@2x.png); + -moz-image-region: rect(0px,32px,32px,0px); + } + + #trace:hover, + #trace[checked] { + -moz-image-region: rect(0px,64px,32px,32px); + } +} + #clear-tracer { /* Make this button as narrow as the text inside it. */ min-width: 1px; @@ -277,10 +319,19 @@ window { } .dbg-expression-arrow { + background-image: url("commandline-icon.png"); + background-position: 16px; + background-repeat: no-repeat; + background-size: 32px 16px; width: 16px; - height: auto; + height: 16px; margin: 2px; - background: -moz-image-rect(url("commandline-icon.png"), 0, 32, 16, 16); +} + +@media (min-resolution: 2dppx) { + .dbg-expression-arrow { + background-image: url(commandline-icon@2x.png); + } } .dbg-expression-input { @@ -290,11 +341,9 @@ window { .dbg-expression-button { border: none; background: none; - cursor: pointer; text-decoration: underline; -} + cursor: pointer; -.dbg-expression-button { color: #9C9CFF; /* Blue highlight color */ } @@ -475,7 +524,7 @@ window { /* Toolbar controls */ .devtools-sidebar-tabs > tabs > tab { -/* min-height: 25px !important; +/* min-height: 24px !important; padding: 0 !important; */ } @@ -493,6 +542,12 @@ window { -moz-image-region: rect(0px, 32px, 16px, 16px); } +#debugger-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon, +#sources-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + #resume { list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); @@ -513,6 +568,26 @@ window { -moz-image-region: rect(0px, 32px, 16px, 16px); } +@media (min-resolution: 2dppx) { + #resume { + list-style-image: url(debugger-pause@2x.png); + -moz-image-region: rect(0px, 32px, 32px, 0px); + } + + #resume:hover { + -moz-image-region: rect(0px, 64px, 32px, 32px); + } + + #resume[checked=true] { + list-style-image: url(debugger-play@2x.png); + -moz-image-region: rect(0px, 32px, 32px, 0); + } + + #resume[checked=true]:hover { + -moz-image-region: rect(0px, 64px, 32px, 32px); + } +} + #resume ~ toolbarbutton { /* transition: opacity 0.15s ease-in-out; */ } @@ -545,6 +620,35 @@ window { -moz-image-region: rect(0px, 32px, 16px, 16px); } +@media (min-resolution: 2dppx) { + #step-over { + list-style-image: url(debugger-step-over@2x.png); + -moz-image-region: rect(0px, 32px, 32px, 0); + } + + #step-over:hover { + -moz-image-region: rect(0px, 64px, 32px, 32px); + } + + #step-in { + list-style-image: url(debugger-step-in@2x.png); + -moz-image-region: rect(0px, 32px, 32px, 0); + } + + #step-in:hover { + -moz-image-region: rect(0px, 64px, 32px, 32px); + } + + #step-out { + list-style-image: url(debugger-step-out@2x.png); + -moz-image-region: rect(0px, 32px, 32px, 0); + } + + #step-out:hover { + -moz-image-region: rect(0px, 64px, 32px, 32px); + } +} + #instruments-pane-toggle { /* background: none; box-shadow: none; @@ -557,11 +661,25 @@ window { list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); } -#instruments-pane-toggle:hover, -#instruments-pane-toggle:hover:active { +#instruments-pane-toggle:hover { -moz-image-region: rect(0px,32px,16px,16px); } +@media (min-resolution: 2dppx) { + #instruments-pane-toggle { + list-style-image: url(debugger-collapse@2x.png); + -moz-image-region: rect(0px,32px,32px,0px); + } + + #instruments-pane-toggle[pane-collapsed] { + list-style-image: url(debugger-expand@2x.png); + } + + #instruments-pane-toggle:hover { + -moz-image-region: rect(0px,64px,32px,32px); + } +} + /* Horizontal vs. vertical layout */ #vertical-layout-panes-container {