From: Robert Kaiser Date: Sun, 20 Nov 2016 21:31:28 +0000 (+0100) Subject: second and final part of syncing LCARStrek with Firefox 49/50 devtools theme changes X-Git-Tag: LCARStrek-2.47~3 X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=1ad21b1f6b999bccea1c6d768ebbd4bc900479d0;hp=6f751fd100ed69c35ed979e9d0db9d0f991af80a second and final part of syncing LCARStrek with Firefox 49/50 devtools theme changes --- diff --git a/LCARStrek/devtools/.layout.css.kate-swp b/LCARStrek/devtools/.layout.css.kate-swp new file mode 100644 index 00000000..76376b00 Binary files /dev/null and b/LCARStrek/devtools/.layout.css.kate-swp differ diff --git a/LCARStrek/devtools/canvasdebugger.css b/LCARStrek/devtools/canvasdebugger.css index 90f25d36..6d99e543 100644 --- a/LCARStrek/devtools/canvasdebugger.css +++ b/LCARStrek/devtools/canvasdebugger.css @@ -111,37 +111,19 @@ /* Debugging pane controls */ #resume { - list-style-image: url("images/debugger-play.png"); + list-style-image: url("images/play.svg"); } #step-over { - list-style-image: url("images/debugger-step-over.png"); + list-style-image: url("images/debugger-step-over.svg"); } #step-in { - list-style-image: url("images/debugger-step-in.png"); + list-style-image: url("images/debugger-step-in.svg"); } #step-out { - list-style-image: url("images/debugger-step-out.png"); -} - -@media (min-resolution: 1.1dppx) { - #resume { - list-style-image: url(images/debugger-play@2x.png); - } - - #step-over { - list-style-image: url(images/debugger-step-over@2x.png); - } - - #step-in { - list-style-image: url(images/debugger-step-in@2x.png); - } - - #step-out { - list-style-image: url(images/debugger-step-out@2x.png); - } + list-style-image: url("images/debugger-step-out.svg"); } #calls-slider { @@ -202,12 +184,6 @@ color: #000000; } -@media (min-resolution: 1.1dppx) { - .selected .call-item-gutter { - background-image: url("images/editor-debug-location@2x.png"); - } -} - .call-item-index { text-align: end; } diff --git a/LCARStrek/devtools/common.css b/LCARStrek/devtools/common.css index 7ed2d9e9..f3e8d0ba 100644 --- a/LCARStrek/devtools/common.css +++ b/LCARStrek/devtools/common.css @@ -35,56 +35,46 @@ notification { border-radius: 3px; overflow-x: hidden; max-height: 20rem; + + /* Devtools autocompletes display technical english keywords and should be displayed + using LTR direction. */ + direction: ltr !important; } -.devtools-autocomplete-listbox { - background-color: transparent; - border-width: 0px !important; - margin: 0; +/* Reset list styles. */ +.devtools-autocomplete-popup ul { + list-style: none; } -.devtools-autocomplete-listbox > scrollbox { - padding: 2px; +.devtools-autocomplete-popup ul, +.devtools-autocomplete-popup li { + margin: 0; } -.inplace-editor-autocomplete-popup .devtools-autocomplete-listbox { - /* Inplace editor closes the autocomplete popup on blur, the autocomplete - popup should not steal the focus here.*/ - -moz-user-focus: ignore; +.devtools-autocomplete-listbox { + background-color: transparent; + border-width: 0px !important; + margin: 0; } -.devtools-autocomplete-listbox > richlistitem, -.devtools-autocomplete-listbox > richlistitem[selected] { +.devtools-autocomplete-listbox .autocomplete-item { width: 100%; background-color: transparent; border-radius: 4px; } -.devtools-autocomplete-listbox.dark-theme > richlistitem[selected], -.devtools-autocomplete-listbox.dark-theme > richlistitem:hover { -/* background-color: rgba(0,0,0,0.5); */ -} - -.devtools-autocomplete-listbox.dark-theme > richlistitem[selected] > .autocomplete-value, -.devtools-autocomplete-listbox:focus.dark-theme > richlistitem[selected] > .initial-value { -/* color: hsl(208,100%,60%);*/ +.devtools-autocomplete-listbox .autocomplete-selected { +/* background-color: rgba(0,0,0,0.2); */ } -.devtools-autocomplete-listbox.dark-theme > richlistitem[selected] > label { -/* color: #eee;*/ -} - -.devtools-autocomplete-listbox.dark-theme > richlistitem > label { -/* color: #ccc;*/ -} - -.devtools-autocomplete-listbox > richlistitem > .initial-value, -.devtools-autocomplete-listbox > richlistitem > .autocomplete-value { +.devtools-autocomplete-listbox .autocomplete-item > .initial-value, +.devtools-autocomplete-listbox .autocomplete-item > .autocomplete-value { margin: 0; - padding: 1px 0; + padding: 0; + cursor: default; } -.devtools-autocomplete-listbox > richlistitem > .autocomplete-count { +.devtools-autocomplete-listbox .autocomplete-item > .autocomplete-count { text-align: end; } @@ -97,26 +87,20 @@ notification { background-color: #000000; } -.devtools-autocomplete-popup.light-theme { -} +/* Autocomplete list clone used for accessibility. */ -.devtools-autocomplete-listbox.firebug-theme > richlistitem[selected], -.devtools-autocomplete-listbox.firebug-theme > richlistitem:hover, -.devtools-autocomplete-listbox.light-theme > richlistitem[selected], -.devtools-autocomplete-listbox.light-theme > richlistitem:hover { -/* background-color: rgba(128,128,128,0.3); */ -} - -.devtools-autocomplete-listbox.firebug-theme > richlistitem[selected] > .autocomplete-value, -.devtools-autocomplete-listbox:focus.firebug-theme > richlistitem[selected] > .initial-value, -.devtools-autocomplete-listbox.light-theme > richlistitem[selected] > .autocomplete-value, -.devtools-autocomplete-listbox:focus.light-theme > richlistitem[selected] > .initial-value { -/* color: #222;*/ +.devtools-autocomplete-list-aria-clone { + /* Cannot use display:none or visibility:hidden : screen readers ignore the element. */ + position: fixed; + overflow: hidden; + margin: 0; + width: 0; + height: 0; } -.devtools-autocomplete-listbox.firebug-theme > richlistitem > label, -.devtools-autocomplete-listbox.light-theme > richlistitem > label { -/* color: #666;*/ +.devtools-autocomplete-list-aria-clone li { + /* Prevent screen readers from prefacing every item with 'bullet'. */ + list-style-type: none; } /* links to source code, like displaying `myfile.js:45` */ @@ -159,7 +143,6 @@ notification { textbox[focused="true"] { border-color: var(--theme-focus-border-color-textbox); - /* box-shadow: var(--theme-focus-box-shadow-textbox);*/ transition: all 0.2s ease-in-out } diff --git a/LCARStrek/devtools/computed.css b/LCARStrek/devtools/computed.css index 9d668047..02fb4f8d 100644 --- a/LCARStrek/devtools/computed.css +++ b/LCARStrek/devtools/computed.css @@ -8,10 +8,7 @@ display : flex; flex-direction: column; width: 100%; - /* Bug 1243598 - Reduce the container height by the tab height to make room - for the tabs above. */ - height: calc(100% - 24px); - position: absolute; + height: 100%; } #computedview-container { @@ -29,8 +26,7 @@ outline: none; } -#computedview-toolbar, -#sidebar-panel-computedview > .devtools-toolbar { +#computedview-toolbar { display: flex; } @@ -68,7 +64,7 @@ } .property-view { - padding: 2px 17px; + padding: 2px 0 2px 17px; display: flex; flex-wrap: wrap; } @@ -96,14 +92,14 @@ outline: 0 !important; } -.property-value, .other-property-value { +.other-property-value { background-image: url(images/arrow-e.png); background-repeat: no-repeat; background-size: 5px 8px; } @media (min-resolution: 1.1dppx) { - .property-value, .other-property-value { + .other-property-value { background-image: url(images/arrow-e@2x.png); } } @@ -174,12 +170,6 @@ height: 100%; } -#noResults { - font-size: 110%; - margin: 5px; - text-align: center; -} - .onlyuserstyles { cursor: pointer; } diff --git a/LCARStrek/devtools/debugger.css b/LCARStrek/devtools/debugger.css index 968eb4fd..6e230bb2 100644 --- a/LCARStrek/devtools/debugger.css +++ b/LCARStrek/devtools/debugger.css @@ -80,43 +80,21 @@ window { min-width: 16px; } -#sources-toolbar .devtools-toolbarbutton:not([label]) { - -moz-image-region: rect(0,16px,16px,0); -} - -@media (min-resolution: 1.1dppx) { - #sources-toolbar .devtools-toolbarbutton:not([label]) { - -moz-image-region: rect(0,32px,32px,0); - } -} - #black-box { - list-style-image: url("images/debugger-blackbox.png"); -} - -@media (min-resolution: 1.1dppx) { - #black-box { - list-style-image: url(images/debugger-blackbox@2x.png); - } + list-style-image: url("images/debugger-blackbox.svg"); } #pretty-print { - list-style-image: url(images/debugger-prettyprint.png); -} - -@media (min-resolution: 1.1dppx) { - #pretty-print { - list-style-image: url(images/debugger-prettyprint@2x.png); - } + list-style-image: url("images/debugger-prettyprint.svg"); } #toggle-breakpoints { list-style-image: url(images/debugger-toggleBreakpoints.svg); - -moz-image-region: rect(0,32px,16px,16px) !important; + -moz-image-region: rect(0,32px,16px,16px); } #toggle-breakpoints[checked] { - -moz-image-region: rect(0,16px,16px,0) !important; + -moz-image-region: rect(0,16px,16px,0); } #toggle-breakpoints[checked] > image { @@ -145,17 +123,9 @@ window { #black-boxed-message-button > .button-box > .button-icon { width: 16px; height: 16px; - background-image: url("images/debugger-blackbox.png"); + background-image: url("images/debugger-blackbox.svg"); background-position: 0 0; - background-size: 32px 16px; - background-repeat: no-repeat; - margin-inline-end: 5px; -} - -@media (min-resolution: 1.1dppx) { - #black-boxed-message-button > .button-box > .button-icon { - background-image: url("images/debugger-blackbox@2x.png"); - } + background-size: cover; } /* Black box message and source progress meter */ @@ -527,21 +497,11 @@ window { /* Toolbar controls */ #resume { - list-style-image: url(images/debugger-pause.png); + list-style-image: url(images/pause.svg); } #resume[checked] { - list-style-image: url(images/debugger-play.png); -} - -@media (min-resolution: 1.1dppx) { - #resume { - list-style-image: url(images/debugger-pause@2x.png); - } - - #resume[checked] { - list-style-image: url(images/debugger-play@2x.png); - } + list-style-image: url(images/play.svg); } #resume[break-on-next] { @@ -549,29 +509,15 @@ window { } #step-over { - list-style-image: url(images/debugger-step-over.png); + list-style-image: url(images/debugger-step-over.svg); } #step-in { - list-style-image: url(images/debugger-step-in.png); + list-style-image: url(images/debugger-step-in.svg); } #step-out { - list-style-image: url(images/debugger-step-out.png); -} - -@media (min-resolution: 1.1dppx) { - #step-over { - list-style-image: url(images/debugger-step-over@2x.png); - } - - #step-in { - list-style-image: url(images/debugger-step-in@2x.png); - } - - #step-out { - list-style-image: url(images/debugger-step-out@2x.png); - } + list-style-image: url(images/debugger-step-out.svg); } #instruments-pane-toggle { diff --git a/LCARStrek/devtools/fonts.css b/LCARStrek/devtools/fonts.css index a204beec..78b87a27 100644 --- a/LCARStrek/devtools/fonts.css +++ b/LCARStrek/devtools/fonts.css @@ -13,10 +13,7 @@ flex-direction: column; padding-bottom: 20px; width: 100%; - /* Bug 1243598 - Reduce the container height by the tab height to make room - for the tabs above. */ - height: calc(100% - 24px); - position: absolute; + height: 100%; } #sidebar-panel-fontinspector > .devtools-toolbar { diff --git a/LCARStrek/devtools/images/add.svg b/LCARStrek/devtools/images/add.svg index 88a2f9ef..ed9f48eb 100644 --- a/LCARStrek/devtools/images/add.svg +++ b/LCARStrek/devtools/images/add.svg @@ -1,9 +1,6 @@ - - - - - + + diff --git a/LCARStrek/devtools/images/clear.svg b/LCARStrek/devtools/images/clear.svg index 702a8cee..66b6e047 100644 --- a/LCARStrek/devtools/images/clear.svg +++ b/LCARStrek/devtools/images/clear.svg @@ -2,6 +2,6 @@ - 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/. --> - - + + diff --git a/LCARStrek/devtools/images/debugger-blackbox.png b/LCARStrek/devtools/images/debugger-blackbox.png deleted file mode 100644 index f16a1959..00000000 Binary files a/LCARStrek/devtools/images/debugger-blackbox.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-blackbox.svg b/LCARStrek/devtools/images/debugger-blackbox.svg new file mode 100644 index 00000000..f8d4165d --- /dev/null +++ b/LCARStrek/devtools/images/debugger-blackbox.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/LCARStrek/devtools/images/debugger-blackbox@2x.png b/LCARStrek/devtools/images/debugger-blackbox@2x.png deleted file mode 100644 index 6acc3e56..00000000 Binary files a/LCARStrek/devtools/images/debugger-blackbox@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-pause.png b/LCARStrek/devtools/images/debugger-pause.png deleted file mode 100644 index 740ae2fa..00000000 Binary files a/LCARStrek/devtools/images/debugger-pause.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-pause@2x.png b/LCARStrek/devtools/images/debugger-pause@2x.png deleted file mode 100644 index 4d395bff..00000000 Binary files a/LCARStrek/devtools/images/debugger-pause@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-play.png b/LCARStrek/devtools/images/debugger-play.png deleted file mode 100644 index 868c8ed5..00000000 Binary files a/LCARStrek/devtools/images/debugger-play.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-play@2x.png b/LCARStrek/devtools/images/debugger-play@2x.png deleted file mode 100644 index 2632a8e1..00000000 Binary files a/LCARStrek/devtools/images/debugger-play@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-prettyprint.png b/LCARStrek/devtools/images/debugger-prettyprint.png deleted file mode 100644 index bb68db4c..00000000 Binary files a/LCARStrek/devtools/images/debugger-prettyprint.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-prettyprint.svg b/LCARStrek/devtools/images/debugger-prettyprint.svg new file mode 100644 index 00000000..13c9b184 --- /dev/null +++ b/LCARStrek/devtools/images/debugger-prettyprint.svg @@ -0,0 +1,6 @@ + + + + diff --git a/LCARStrek/devtools/images/debugger-prettyprint@2x.png b/LCARStrek/devtools/images/debugger-prettyprint@2x.png deleted file mode 100644 index b9d0f753..00000000 Binary files a/LCARStrek/devtools/images/debugger-prettyprint@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-step-in.png b/LCARStrek/devtools/images/debugger-step-in.png deleted file mode 100644 index 4c026611..00000000 Binary files a/LCARStrek/devtools/images/debugger-step-in.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-step-in.svg b/LCARStrek/devtools/images/debugger-step-in.svg new file mode 100644 index 00000000..22cf7b7e --- /dev/null +++ b/LCARStrek/devtools/images/debugger-step-in.svg @@ -0,0 +1,6 @@ + + + + diff --git a/LCARStrek/devtools/images/debugger-step-in@2x.png b/LCARStrek/devtools/images/debugger-step-in@2x.png deleted file mode 100644 index 76c94a8f..00000000 Binary files a/LCARStrek/devtools/images/debugger-step-in@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-step-out.png b/LCARStrek/devtools/images/debugger-step-out.png deleted file mode 100644 index 26ed99a0..00000000 Binary files a/LCARStrek/devtools/images/debugger-step-out.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-step-out.svg b/LCARStrek/devtools/images/debugger-step-out.svg new file mode 100644 index 00000000..6ed3e7b3 --- /dev/null +++ b/LCARStrek/devtools/images/debugger-step-out.svg @@ -0,0 +1,6 @@ + + + + diff --git a/LCARStrek/devtools/images/debugger-step-out@2x.png b/LCARStrek/devtools/images/debugger-step-out@2x.png deleted file mode 100644 index 2699669b..00000000 Binary files a/LCARStrek/devtools/images/debugger-step-out@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-step-over.svg b/LCARStrek/devtools/images/debugger-step-over.svg new file mode 100644 index 00000000..c56536ea --- /dev/null +++ b/LCARStrek/devtools/images/debugger-step-over.svg @@ -0,0 +1,7 @@ + + + + + diff --git a/LCARStrek/devtools/images/debugger-toggleBreakpoints.svg b/LCARStrek/devtools/images/debugger-toggleBreakpoints.svg index c9386e57..f0cfd719 100644 --- a/LCARStrek/devtools/images/debugger-toggleBreakpoints.svg +++ b/LCARStrek/devtools/images/debugger-toggleBreakpoints.svg @@ -1,6 +1,6 @@ - - + + diff --git a/LCARStrek/devtools/images/diff.svg b/LCARStrek/devtools/images/diff.svg index c09eeb11..009874c7 100644 --- a/LCARStrek/devtools/images/diff.svg +++ b/LCARStrek/devtools/images/diff.svg @@ -1,7 +1,9 @@ - - - + + + + + diff --git a/LCARStrek/devtools/images/geometry-editor.svg b/LCARStrek/devtools/images/geometry-editor.svg index 6b333b7e..138e4618 100644 --- a/LCARStrek/devtools/images/geometry-editor.svg +++ b/LCARStrek/devtools/images/geometry-editor.svg @@ -1,4 +1,7 @@ - + + diff --git a/LCARStrek/devtools/images/itemToggle.png b/LCARStrek/devtools/images/itemToggle.png deleted file mode 100644 index 29f10198..00000000 Binary files a/LCARStrek/devtools/images/itemToggle.png and /dev/null differ diff --git a/LCARStrek/devtools/images/itemToggle@2x.png b/LCARStrek/devtools/images/itemToggle@2x.png deleted file mode 100644 index f00694da..00000000 Binary files a/LCARStrek/devtools/images/itemToggle@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/pane-collapse.svg b/LCARStrek/devtools/images/pane-collapse.svg index 49f319b5..08258741 100644 --- a/LCARStrek/devtools/images/pane-collapse.svg +++ b/LCARStrek/devtools/images/pane-collapse.svg @@ -2,5 +2,6 @@ - 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/. --> - + + diff --git a/LCARStrek/devtools/images/pane-expand.svg b/LCARStrek/devtools/images/pane-expand.svg index 3364fa9e..c8643be7 100644 --- a/LCARStrek/devtools/images/pane-expand.svg +++ b/LCARStrek/devtools/images/pane-expand.svg @@ -2,5 +2,6 @@ - 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/. --> - + + diff --git a/LCARStrek/devtools/images/performance-icons.svg b/LCARStrek/devtools/images/performance-icons.svg index 5ba9ce0a..1847f2f2 100644 --- a/LCARStrek/devtools/images/performance-icons.svg +++ b/LCARStrek/devtools/images/performance-icons.svg @@ -1,45 +1,42 @@ - + - - - - - - + + + + + + - - - - + + + + - - - + + + - - - - + + + + - - - - - + + + + + diff --git a/LCARStrek/devtools/images/play.svg b/LCARStrek/devtools/images/play.svg index ef7db366..bf3cb094 100644 --- a/LCARStrek/devtools/images/play.svg +++ b/LCARStrek/devtools/images/play.svg @@ -1,6 +1,6 @@ - + diff --git a/LCARStrek/devtools/images/profiler-stopwatch.svg b/LCARStrek/devtools/images/profiler-stopwatch.svg index d91760df..6f8e1bf9 100644 --- a/LCARStrek/devtools/images/profiler-stopwatch.svg +++ b/LCARStrek/devtools/images/profiler-stopwatch.svg @@ -1,17 +1,11 @@ - - - - - - - - - - - - + + + + + + diff --git a/LCARStrek/devtools/images/rewind.png b/LCARStrek/devtools/images/rewind.png deleted file mode 100644 index 9b83d659..00000000 Binary files a/LCARStrek/devtools/images/rewind.png and /dev/null differ diff --git a/LCARStrek/devtools/images/rewind@2x.png b/LCARStrek/devtools/images/rewind@2x.png deleted file mode 100644 index 0bc36d89..00000000 Binary files a/LCARStrek/devtools/images/rewind@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/timeline-filter.svg b/LCARStrek/devtools/images/timeline-filter.svg deleted file mode 100644 index ca986465..00000000 --- a/LCARStrek/devtools/images/timeline-filter.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/tool-debugger-paused.svg b/LCARStrek/devtools/images/tool-debugger-paused.svg index 7c7d85f9..4fa674ad 100644 --- a/LCARStrek/devtools/images/tool-debugger-paused.svg +++ b/LCARStrek/devtools/images/tool-debugger-paused.svg @@ -1,6 +1,6 @@ - + diff --git a/LCARStrek/devtools/images/tool-memory-active.svg b/LCARStrek/devtools/images/tool-memory-active.svg index 6a6b90c7..86f4b922 100644 --- a/LCARStrek/devtools/images/tool-memory-active.svg +++ b/LCARStrek/devtools/images/tool-memory-active.svg @@ -1,7 +1,10 @@ - - - + + + + + + diff --git a/LCARStrek/devtools/images/tool-memory.svg b/LCARStrek/devtools/images/tool-memory.svg index 6f669e43..b4bfd6a4 100644 --- a/LCARStrek/devtools/images/tool-memory.svg +++ b/LCARStrek/devtools/images/tool-memory.svg @@ -1,7 +1,10 @@ - - - + + + + + + diff --git a/LCARStrek/devtools/images/tool-options.svg b/LCARStrek/devtools/images/tool-options.svg index c2c1c37c..f3ec84db 100644 --- a/LCARStrek/devtools/images/tool-options.svg +++ b/LCARStrek/devtools/images/tool-options.svg @@ -1,6 +1,7 @@ - - + + + diff --git a/LCARStrek/devtools/images/tool-scratchpad.svg b/LCARStrek/devtools/images/tool-scratchpad.svg index 82ae8f82..7df801f5 100644 --- a/LCARStrek/devtools/images/tool-scratchpad.svg +++ b/LCARStrek/devtools/images/tool-scratchpad.svg @@ -1,9 +1,7 @@ - - - - - + + + diff --git a/LCARStrek/devtools/images/tool-webaudio.svg b/LCARStrek/devtools/images/tool-webaudio.svg index 2e82cf74..fcdf50e4 100644 --- a/LCARStrek/devtools/images/tool-webaudio.svg +++ b/LCARStrek/devtools/images/tool-webaudio.svg @@ -1,6 +1,6 @@ - - + + diff --git a/LCARStrek/devtools/layout.css b/LCARStrek/devtools/layout.css index 16e2fd19..2428aae9 100644 --- a/LCARStrek/devtools/layout.css +++ b/LCARStrek/devtools/layout.css @@ -5,6 +5,7 @@ #sidebar-panel-layoutview { display: block; overflow: auto; + height: 100%; } #layout-wrapper { @@ -67,7 +68,7 @@ background-color: #FF9F00; color: var(--theme-selection-color); /* Make sure there is some space between the window's edges and the regions */ - margin: 0 14px 10px 14px; + margin: 0 14px 4px 14px; width: calc(100% - 2 * 14px); } @@ -79,14 +80,14 @@ /* Regions are 3 nested elements with wide borders and outlines */ #layout-content { - height: 25px; + height: 18px; } #layout-margins, #layout-borders, #layout-padding { border-color: var(--theme-splitter-color); - border-width: 25px; + border-width: 18px; border-style: solid; outline: dotted 1px var(--theme-splitter-color); } @@ -96,20 +97,6 @@ opacity: .8; } -/* Respond to window size change by changing the size of the regions */ - -@media (max-height: 250px) { - #layout-content { - height: 18px; - } - - #layout-margins, - #layout-borders, - #layout-padding { - border-width: 18px; - } -} - /* Regions colors */ #layout-margins { @@ -127,27 +114,7 @@ #layout-content { background-color: #008484; } -/* -.theme-firebug #layout-main, -.theme-firebug #layout-borders, -.theme-firebug #layout-content { - border-style: solid; -} - -.theme-firebug #layout-main, -.theme-firebug #layout-header { - font-family: var(--proportional-font-family); -} -.theme-firebug #layout-main { - color: var(--theme-body-color); - font-size: var(--theme-toolbar-font-size); -} - -.theme-firebug #layout-header { - font-size: var(--theme-toolbar-font-size); -} -*/ /* Editable region sizes are contained in absolutely positioned

*/ #layout-main > p { @@ -172,27 +139,27 @@ } .layout-padding.layout-top { - top: 55px; + top: 37px; } .layout-padding.layout-bottom { - bottom: 57px; + bottom: 38px; } .layout-border.layout-top { - top: 30px; + top: 19px; } .layout-border.layout-bottom { - bottom: 31px; + bottom: 20px; } .layout-margin.layout-top { - top: 5px; + top: 1px; } .layout-margin.layout-bottom { - bottom: 6px; + bottom: 2px; } .layout-size, @@ -203,7 +170,7 @@ .layout-padding.layout-left, .layout-padding.layout-right { top: 22px; - line-height: 132px; + line-height: 88px; } .layout-size { @@ -216,23 +183,23 @@ .layout-border.layout-right, .layout-padding.layout-right, .layout-padding.layout-left { - width: 25px; + width: 21px; } .layout-padding.layout-left { - left: 52px; + left: 35px; } .layout-padding.layout-right { - right: 51px; + right: 35px; } .layout-border.layout-left { - left: 26px; + left: 16px; } .layout-border.layout-right { - right: 26px; + right: 17px; } .layout-margin.layout-right { @@ -251,75 +218,11 @@ transform: rotate(90deg); } -/* Coordinates should be different when the window is small, because we make - the regions smaller then */ - -@media (max-height: 250px) { - .layout-padding.layout-top { - top: 37px; - } - - .layout-padding.layout-bottom { - bottom: 38px; - } - - .layout-border.layout-top { - top: 19px; - } - - .layout-border.layout-bottom { - bottom: 20px; - } - - .layout-margin.layout-top { - top: 1px; - } - - .layout-margin.layout-bottom { - bottom: 2px; - } - - .layout-size, - .layout-margin.layout-left, - .layout-margin.layout-right, - .layout-border.layout-left, - .layout-border.layout-right, - .layout-padding.layout-left, - .layout-padding.layout-right { - line-height: 80px; - } - - .layout-margin.layout-right, - .layout-margin.layout-left, - .layout-border.layout-left, - .layout-border.layout-right, - .layout-padding.layout-right, - .layout-padding.layout-left { - width: 21px; - } - - .layout-padding.layout-left { - left: 35px; - } - - .layout-padding.layout-right { - right: 35px; - } - - .layout-border.layout-left { - left: 16px; - } - - .layout-border.layout-right { - right: 17px; - } -} - /* Legend, displayed inside regions */ .layout-legend { position: absolute; - margin: 5px 6px; + margin: 2px 6px; z-index: 1; } @@ -327,12 +230,6 @@ color: #000000; /*var(--theme-highlight-blue);*/ } -@media (max-height: 250px) { - .layout-legend { - margin: 2px 6px; - } -} - /* Editable fields */ .layout-editable { diff --git a/LCARStrek/devtools/netmonitor.css b/LCARStrek/devtools/netmonitor.css index 4fc5be8d..8daf3d4c 100644 --- a/LCARStrek/devtools/netmonitor.css +++ b/LCARStrek/devtools/netmonitor.css @@ -192,7 +192,6 @@ window { width: 16px; height: 16px; margin-inline-end: 4px; - cursor: pointer; } .security-state-insecure { diff --git a/LCARStrek/devtools/performance.css b/LCARStrek/devtools/performance.css index 2cb09b07..1fd9412e 100644 --- a/LCARStrek/devtools/performance.css +++ b/LCARStrek/devtools/performance.css @@ -11,7 +11,6 @@ --focus-cell-border-color: #9C9CFF; --row-alt-background-color: #403400; --row-hover-background-color: #544400; - --filter-image: url(chrome://devtools/skin/images/timeline-filter.svg); } /** @@ -36,7 +35,7 @@ } #filter-button { - list-style-image: var(--filter-image); + list-style-image: url(images/filter.svg); } #performance-filter-menupopup > menuitem .menu-iconic-left::after { diff --git a/LCARStrek/devtools/rules.css b/LCARStrek/devtools/rules.css index 530f3cb1..08f320a2 100644 --- a/LCARStrek/devtools/rules.css +++ b/LCARStrek/devtools/rules.css @@ -21,10 +21,7 @@ display: flex; flex-direction: column; width: 100%; - /* Bug 1243598 - Reduce the container height by the tab height to make room - for the tabs above. */ - height: calc(100% - 24px); - position: absolute; + height: 100%; } /* Rule View Toolbar */ @@ -37,7 +34,6 @@ #ruleview-toolbar { display: flex; - height: 23px; } #ruleview-toolbar > .devtools-searchbox:first-child { diff --git a/LCARStrek/devtools/shadereditor.css b/LCARStrek/devtools/shadereditor.css index a176044e..7c675cd5 100644 --- a/LCARStrek/devtools/shadereditor.css +++ b/LCARStrek/devtools/shadereditor.css @@ -47,25 +47,16 @@ window { } .side-menu-widget-item-checkbox .checkbox-check { - background-image: url("images/itemToggle.png"); + background-image: url("images/itemToggle.svg"); background-color: transparent; - background-repeat: no-repeat; - background-clip: content-box; - background-size: 32px 16px; - background-position: -16px 0; width: 16px; height: 16px; border: 0; } -@media (min-resolution: 1.1dppx) { - .side-menu-widget-item-checkbox .checkbox-check { - background-image: url("images/itemToggle@2x.png"); - } -} - -.side-menu-widget-item-checkbox[checked] .checkbox-check { - background-position: 0 0; +side-menu-widget-item-checkbox:not([checked]) .checkbox-check, +.side-menu-widget-item-checkbox:not([checked]) + vbox { + opacity: 0.3; } /* Shader source editors */ diff --git a/LCARStrek/devtools/styleeditor.css b/LCARStrek/devtools/styleeditor.css index b6ec38e5..bcbace32 100644 --- a/LCARStrek/devtools/styleeditor.css +++ b/LCARStrek/devtools/styleeditor.css @@ -290,6 +290,7 @@ h3 { } } +/* CSS coverage */ .csscoverage-report { background-color: var(--theme-contrastsidebar-background); -moz-box-orient: horizontal; @@ -396,7 +397,7 @@ h3 { .chart-colored-blob[name="Used Preload"] { fill: var(--theme-highlight-pink); - background: var(--theme-highlight-pink);; + background: var(--theme-highlight-pink); } .chart-colored-blob[name=Used] { diff --git a/LCARStrek/devtools/webconsole.css b/LCARStrek/devtools/webconsole.css index 593cceb5..f99cd3e2 100644 --- a/LCARStrek/devtools/webconsole.css +++ b/LCARStrek/devtools/webconsole.css @@ -107,12 +107,20 @@ a { .stack-trace .frame-link-source, .message-location .frame-link-source { + /* Makes the file name truncated (and ellipsis shown) on the left side */ direction: rtl; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } +.stack-trace .frame-link-source-inner, +.message-location .frame-link-source-inner { + /* Enforce LTR direction for the file name - fixes bug 1290056 */ + direction: ltr; + unicode-bidi: embed; +} + .stack-trace .frame-link-function-display-name { max-width: 50%; white-space: nowrap; @@ -472,6 +480,16 @@ a { margin: 5px 0 0 0; } +/* Force cells to only show one row of contents. Getting normal ellipses + behavior has proven impossible so far, so this is better than letting + rows get out of vertical alignment when one cell has a lot of content. */ +.consoletable .table-widget-cell > span { + overflow: hidden; + display: flex; + height: 1.25em; + line-height: 1.25em; +} + .message[severity=error] .stacktrace { background-color: #000000; }