X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fdebugger.css;h=cee7b6c6d8b7d2aee636a1f53c91c049fce62957;hp=20079ae2f2689e17a890e7dd97033d9800fa6a4f;hb=fe524e0c0e2035af794e8183b25693f847fb12ce;hpb=82b4252f7e41007fc93fa3b94fd7418a07c03fd1 diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index 20079ae2..cee7b6c6 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -20,18 +20,62 @@ window { -moz-border-start-color: transparent; } -/* Watch expressions, variables and other instruments pane */ +.side-menu-widget-item-checkbox { + -moz-appearance: none; + padding: 0; + margin: 0 -4px 0 4px; + opacity: 0; + transition: opacity .25s ease 0s; +} -#instruments-pane { - min-width: 50px; - -moz-margin-start: 0px !important; - /* Unfortunately, transitions don't work properly with locale-aware properties, - so both the left and right margins are set via js, while the start margin - is always overridden here. */ +/* Only show the checkbox when the source is hovered over, is selected, or if it + * is not checked. */ +.side-menu-widget-item:hover > .side-menu-widget-item-checkbox, +.side-menu-widget-item.selected > .side-menu-widget-item-checkbox, +.side-menu-widget-item-checkbox:not([checked]) { + opacity: 1; + transition: opacity .25s ease-out 0s; +} + +.side-menu-widget-item-checkbox > .checkbox-check { + -moz-appearance: none; + background: none; + background-image: url("itemToggle.png"); + background-repeat: no-repeat; + background-clip: content-box; + background-position: -24px 0; + width: 24px; + height: 24px; + border: 0; +} + +.side-menu-widget-item-checkbox[checked] > .checkbox-check { + background-position: 0 0; +} + +.side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents > .dbg-breakpoint { + display: none; +} + +/* Black box message */ + +#black-boxed-message { + /* Prevent the container deck from aquiring the height from this message. */ + min-height: 1px; + background-color: #A09090; + padding: 25vh 0; + color: #000000; +} + +#black-boxed-message-label, +#black-boxed-message-button { + text-align: center; + font-size: 120%; } -#instruments-pane[animated] { - transition: margin 0.25s ease-in-out; +#black-boxed-message-button { + margin-top: 1em; + padding: .25em; } /* ListWidget items */ @@ -61,6 +105,10 @@ window { /* Stack frames view */ +#stackframes { + min-height: 25px; +} + .dbg-stackframe-details { -moz-padding-start: 4px; } @@ -100,13 +148,12 @@ window { .dbg-expression { height: 20px; - -moz-padding-start: 8px; } .dbg-expression-arrow { - width: 10px; + width: 16px; height: auto; - background: url("chrome://browser/skin/devtools/commandline.png") 0px 4px no-repeat; + background: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16); } .dbg-expression-input { @@ -121,8 +168,12 @@ window { -moz-margin-start: 1px; } -#searchbox-panel-description { - margin-top: 0; +#filter-label { + -moz-margin-start: 2px; +} + +#searchbox-panel-operators { + margin-top: 5px; margin-bottom: 8px; -moz-margin-start: 2px; } @@ -277,6 +328,14 @@ window { -moz-image-region: rect(0px, 32px, 16px, 16px); } +#resumption-panel-desc { + width: 200px; +} + +#resumption-order-panel { + -moz-margin-start: -8px; +} + #resume { list-style-image: url("chrome://browser/skin/devtools/debugger-play.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); @@ -321,15 +380,15 @@ window { } #instruments-pane-toggle { - background: none; +/* background: none; box-shadow: none; - border: none; - list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); + border: none; */ + list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); -moz-image-region: rect(0px,16px,16px,0px); } -#instruments-pane-toggle:not([toggled]) { - list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); +#instruments-pane-toggle[pane-collapsed] { + list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); } #instruments-pane-toggle:hover,