From 1ad21b1f6b999bccea1c6d768ebbd4bc900479d0 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sun, 20 Nov 2016 22:31:28 +0100 Subject: [PATCH] second and final part of syncing LCARStrek with Firefox 49/50 devtools theme changes --- LCARStrek/devtools/.layout.css.kate-swp | Bin 0 -> 2857 bytes LCARStrek/devtools/canvasdebugger.css | 32 +--- LCARStrek/devtools/common.css | 83 +++++------ LCARStrek/devtools/computed.css | 20 +-- LCARStrek/devtools/debugger.css | 76 ++-------- LCARStrek/devtools/fonts.css | 5 +- LCARStrek/devtools/images/add.svg | 7 +- LCARStrek/devtools/images/clear.svg | 4 +- .../devtools/images/debugger-blackbox.png | Bin 223 -> 0 bytes .../devtools/images/debugger-blackbox.svg | 7 + .../devtools/images/debugger-blackbox@2x.png | Bin 321 -> 0 bytes LCARStrek/devtools/images/debugger-pause.png | Bin 157 -> 0 bytes .../devtools/images/debugger-pause@2x.png | Bin 158 -> 0 bytes LCARStrek/devtools/images/debugger-play.png | Bin 175 -> 0 bytes .../devtools/images/debugger-play@2x.png | Bin 199 -> 0 bytes .../devtools/images/debugger-prettyprint.png | Bin 223 -> 0 bytes .../devtools/images/debugger-prettyprint.svg | 6 + .../images/debugger-prettyprint@2x.png | Bin 312 -> 0 bytes .../devtools/images/debugger-step-in.png | Bin 174 -> 0 bytes .../devtools/images/debugger-step-in.svg | 6 + .../devtools/images/debugger-step-in@2x.png | Bin 208 -> 0 bytes .../devtools/images/debugger-step-out.png | Bin 182 -> 0 bytes .../devtools/images/debugger-step-out.svg | 6 + .../devtools/images/debugger-step-out@2x.png | Bin 219 -> 0 bytes .../devtools/images/debugger-step-over.svg | 7 + .../images/debugger-toggleBreakpoints.svg | 4 +- LCARStrek/devtools/images/diff.svg | 8 +- LCARStrek/devtools/images/geometry-editor.svg | 5 +- LCARStrek/devtools/images/itemToggle.png | Bin 243 -> 0 bytes LCARStrek/devtools/images/itemToggle@2x.png | Bin 331 -> 0 bytes LCARStrek/devtools/images/pane-collapse.svg | 3 +- LCARStrek/devtools/images/pane-expand.svg | 3 +- .../devtools/images/performance-icons.svg | 49 +++---- LCARStrek/devtools/images/play.svg | 2 +- .../devtools/images/profiler-stopwatch.svg | 18 +-- LCARStrek/devtools/images/rewind.png | Bin 175 -> 0 bytes LCARStrek/devtools/images/rewind@2x.png | Bin 199 -> 0 bytes LCARStrek/devtools/images/timeline-filter.svg | 6 - .../devtools/images/tool-debugger-paused.svg | 2 +- .../devtools/images/tool-memory-active.svg | 9 +- LCARStrek/devtools/images/tool-memory.svg | 9 +- LCARStrek/devtools/images/tool-options.svg | 5 +- LCARStrek/devtools/images/tool-scratchpad.svg | 8 +- LCARStrek/devtools/images/tool-webaudio.svg | 4 +- LCARStrek/devtools/layout.css | 137 +++--------------- LCARStrek/devtools/netmonitor.css | 1 - LCARStrek/devtools/performance.css | 3 +- LCARStrek/devtools/rules.css | 6 +- LCARStrek/devtools/shadereditor.css | 17 +-- LCARStrek/devtools/styleeditor.css | 3 +- LCARStrek/devtools/webconsole.css | 18 +++ 51 files changed, 199 insertions(+), 380 deletions(-) create mode 100644 LCARStrek/devtools/.layout.css.kate-swp delete mode 100644 LCARStrek/devtools/images/debugger-blackbox.png create mode 100644 LCARStrek/devtools/images/debugger-blackbox.svg delete mode 100644 LCARStrek/devtools/images/debugger-blackbox@2x.png delete mode 100644 LCARStrek/devtools/images/debugger-pause.png delete mode 100644 LCARStrek/devtools/images/debugger-pause@2x.png delete mode 100644 LCARStrek/devtools/images/debugger-play.png delete mode 100644 LCARStrek/devtools/images/debugger-play@2x.png delete mode 100644 LCARStrek/devtools/images/debugger-prettyprint.png create mode 100644 LCARStrek/devtools/images/debugger-prettyprint.svg delete mode 100644 LCARStrek/devtools/images/debugger-prettyprint@2x.png delete mode 100644 LCARStrek/devtools/images/debugger-step-in.png create mode 100644 LCARStrek/devtools/images/debugger-step-in.svg delete mode 100644 LCARStrek/devtools/images/debugger-step-in@2x.png delete mode 100644 LCARStrek/devtools/images/debugger-step-out.png create mode 100644 LCARStrek/devtools/images/debugger-step-out.svg delete mode 100644 LCARStrek/devtools/images/debugger-step-out@2x.png create mode 100644 LCARStrek/devtools/images/debugger-step-over.svg delete mode 100644 LCARStrek/devtools/images/itemToggle.png delete mode 100644 LCARStrek/devtools/images/itemToggle@2x.png delete mode 100644 LCARStrek/devtools/images/rewind.png delete mode 100644 LCARStrek/devtools/images/rewind@2x.png delete mode 100644 LCARStrek/devtools/images/timeline-filter.svg diff --git a/LCARStrek/devtools/.layout.css.kate-swp b/LCARStrek/devtools/.layout.css.kate-swp new file mode 100644 index 0000000000000000000000000000000000000000..76376b0091592a7b64fa909a7aa8fffb9d7b29ba GIT binary patch literal 2857 zcmcgu+fo}x5FG(_#m2@I7dhA%nwu@aiv;H8C9$bW$fcYot5SJh*g=|#w5wVz7@YD` z{>I;vpU6+d>C@XgwRYl{JY=f&XwJ^r?w+2W85v`yUPZa3_M2!x-?^TpovoHJW@feV z{?BhO-hX&`bMcR;HT!!Uzglkp$RmI8gLd59pr4}a^dcvhoTnk3rAZ#SWJr0}(jXnW z+@%RcNlZic)>3*d1GZ=THpywD`3oC?vE!5WYh!9RV3b=8WUT0$I>@M!Cdi1AZ$N5F zzGq@Sl(L_BAO(wSj65@~@!fR_C?3bVGOQdM>{Xsq5m{CRiqs)Qh=(Em~v70+OXN zcrgY$FLY#i^D}WW_qQ=ZIy2a9o zRko^R0kRb(b0AAf#3?BeKZ{Dl^g@+9QZfMp^Gd|pLnV_KnNxDayV?kZ=sgD<0uBKC zfIYx2;2B^CunlMdnt&}p0C)=61Z)7-0S&+tz+=D~U=^?eSOzQs2(SoP06YTB10Dh% zoV4`^welrD#&=M7enx!J{9vQlX8-MufgRaK58wiped5Y(-WBu3uEyXbR6f_dsnaXm z2`=e`+|M|afM1DGsN@jx>qPX%#d()6h*oP&G#HwINx!f}gD8&0-Y#}JgD4@GfzsCl zQS62TzMn!0`srKm7XncdchKs5_Sr0VXHhSRdajd%l&1r+N*IP!Uw^owgw@bl=0_6a zi}mBggt5ySS>9VOG6a=O*%vzb*aDW?Gu-?kWtIaPS_uKt1%%*tii7|rAw1@egy6T; z$05)Q8V;hQ2mqSViT@q$ zh<|@>9{2fPji}L&u7a+0oo*h|&R%P9r7I5MJS_TSm#B=nx_2-<1>GJ$Xw$?^OFiIn z45=j{Vq8+>Pxz|vG|lt0Uuq$dydS_Kw^?ZWQPy!uVRM@!6|+#t%>9*8k(O2uRSb<( Tk-v=e{{Z+XX5p`_cPD=X#s{7F literal 0 HcmV?d00001 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 f16a195991a6cdbe6f5d8f03865baa94f6d46092..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 223 zcmeAS@N?(olHy`uVBq!ia0vp^3P3Et#0(_4@}`~wQk(%kA+D1cB7n^Q=NVcL+&%(i zF_r}R1v5B2yO9RsBze2LFm$lWdVrJ{ctjR6FmMZlFeAgPITAoY_7YEDSM~>-LL#Pe zd5t^lfI|MBE{-7_*OLmdK II;Vst03$X!U;qFB 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 6acc3e56aadd62f64a62123c4425120afa7038fa..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 321 zcmeAS@N?(olHy`uVBq!ia0vp^4nVBH!VDw>HYaZfQv3lvA+93zKo$cdBjdmGjQ`Iw z_+6VN2;!Fn`2{mLJiCzw;v{*yyD)UH%6b4foCO|{#S9GG!XV7ZFl&wkP>{XE)7O># z0jH3NDeo)$pAUdSt36#DLo7~To&1`&)qtZ_v5?`$gTACizt5+fUVSCt?`zeIQv5YX zgIRuje;_V9^G~65^qa^m#=l-wrv&!0`&Om2ykoeia=PmERtx5D5h4zg*hCukXi2vk zG58v{FugI>D18vy!xtd*EAAG*kq)| zoV9v!^U=gk!9UHvcHCu_Vm9LCIhP*kd+WB&x@_5xTlc?aIwET3)Xl3F4Rkhxr>mdK II;Vst08BS>cK`qY diff --git a/LCARStrek/devtools/images/debugger-pause.png b/LCARStrek/devtools/images/debugger-pause.png deleted file mode 100644 index 740ae2fa730dd1d5fae048044a93105bf30e708b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 157 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9E0F$wo*{g$+hQP#u_VYZ zn8D%MjWiG^$=lt9p@UV{1IXbl@Q5sCVBi)8VMc~ob0mO*>?NMQuIvvuWQ5doGkbP* q1BC=UT^vI=t|uonFz#cj;b3DZNn?3?KARt8ErX}4pUXO@geCwLsUeU6 diff --git a/LCARStrek/devtools/images/debugger-pause@2x.png b/LCARStrek/devtools/images/debugger-pause@2x.png deleted file mode 100644 index 4d395bff8d864b492167d3923b319440f0efe0c1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 158 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnL3?x0byx0z;*aCb)T!HkTQw$nwc=iKXj3q&S z!3+-1Zlr-YN#5=*3>~bp9zYIffk$L90|U1(2s1Lwnj--eWH0gbb!C6RAtR*5cl!0| upFkl&PZ!4!j_b(@2l)TpxIFIwJHt+GiMj3;@Am*D89ZJ6T-G@yGywp8aVPZv diff --git a/LCARStrek/devtools/images/debugger-play.png b/LCARStrek/devtools/images/debugger-play.png deleted file mode 100644 index 868c8ed5bdc1f61977f294a87020946a12b1226c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 175 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9E0F$wo*{g$+hQP#u_VYZ zn8D%MjWiG^$=lt9p@UV{1IXbl@Q5sCVBi)8VMc~ob0mO*>?NMQuIvvuWQ5d&SG--W z02EU4ba4#fxSpKQz$nMYX2-_%4~Up~{>UGA!O(Gzopr0KO~bp9zYIffk$L90|U1(2s1Lwnj--eWH0gbb!C6RAtR)w-WeG@ z6)0ro>Eal|aXmTV0Kb&O5oUpp%r1YJ1^*vp@pxtrM*rmnKFa(3Y4mQGD$|hpo7tQz f=LI9vHDd;bMWWJ2mvT9QtY+|Z^>bP0l+XkK*U~jS diff --git a/LCARStrek/devtools/images/debugger-prettyprint.png b/LCARStrek/devtools/images/debugger-prettyprint.png deleted file mode 100644 index bb68db4cec46289e27e9db9dcd24984e590bfae5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 223 zcmeAS@N?(olHy`uVBq!ia0vp^3P3Et#0(_4@}`~wQk(%kA+8b(5kThu^9*IX14V%> z#*!evUYh7ML)50LT#kH}&M2I=)6%ory%Q3fc;UgGKN%Km^;NW@g4 z{gEs;P{`lY#W95AdhXecyayC`TrTFf%ns3;BP(%OxkAM)@rr^%Xwg;c$WI5&A2;pk zz2rUpLc+I&9PC&5bTTi@`M`Vd`^rhu-;~s@IjdZAG5ve9jv*+Hd;5&)jD89ZJ6 KT-G@yGywq2OGC>5 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 b9d0f753a75d772f6ec5766f498950cd4ef572b2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 312 zcmeAS@N?(olHy`uVBq!ia0vp^4nVBH#0(_wf1V}|q&Ne7LR?E2B7n^Q=NZntQC-LLw%X zmnPVV0EJd~x;TbtoL@W9R)|@Vqcu_8EP5%&^c%q&T&uYE^t*e$e53jKf+ySB>mSp9 zh*U6L)P1}n`g8DjQ7^wN2b|+(m}nphfJ$ zW|jj#O`DgPF(($s%Dq^{?NMQuIvvug+z>b_oT*w zG%0$zIEHXsPflQ9u2#rONN7>~$ItVIUt$J-!wu6i1r}z8Rl@8F41elY0u?iOy85}S Ib4q9e0D74w!2kdN 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 76c94a8fc427db46a26794ce905e2044f5418629..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 208 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnL3?x0byx0z;*aCb)T!Hle^9~bp9zYIffk$L90|U1(2s1Lwnj--eWH0gbb!C6RDI{Vnxom%z zG*HOd)5S4_<9c$!0j3}Sn>*PA3K_f%J~VTb2^{Qc{qbMk?aF^

OpKEr0kYY~xqR t?NMQuIvvug+xsFvUF!k z1BEm_T^vI=uA3g($jP9 + + + 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 2699669b1f1988e2c056bd82c88e4d039013319b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 219 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnL3?x0byx0z;*aCb)T!Hle^9~bp9zYIffk$L90|U1(2s1Lwnj--eWH0gbb!C6RDI{WSIwk$t z51^2rr;B3<$Mxid16(s4Sc;iDEEtsJ8am_^9`OtO|9||zfq(z)nVIcd7>a)KGpqiX z-RSkhvFoSftsjnTAB>qxKN>r9{(t_~-l3D(fJvW$VUM`%j|;(NAV)KJy85}Sb4q9e E06LsNa{vGU 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 29f101985d3f100d3a20d8bdcc53afb79bce3fc9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 243 zcmeAS@N?(olHy`uVBq!ia0vp^20$#q#0(@4PM+ouq&Ne7LR`HW92x>P{GZS8!rtr> zP>``C$S;_|;n|He5GTpo-G!lpRn`Nfyuc%}n1O*?7=#%aX3dcR3bL1Y`ns~;@V6NBv=;U}h77fl0N$KdJe=d#Wzp$P!@`9vQ8 diff --git a/LCARStrek/devtools/images/itemToggle@2x.png b/LCARStrek/devtools/images/itemToggle@2x.png deleted file mode 100644 index f00694da7062d63b93a7a0812d687afc67d7e464..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 331 zcmeAS@N?(olHy`uVBq!ia0vp^2|#SX#0(@SS4@uqQk(%kA+CEF3>pG9{GZ9N{o(I? zpde#OkY6x^!?PP{AWo9Ey9+}HtE>k|d4We{F#`j)FbFd;%$g$s6l5>)^mS#w$H~FN zz@QqJ!U`1H?djqeVsZLy@Il@q3OvoPetbyhT$a!>r{()g4I9DWI1QE^tNz~oo3%1X zB*nTgWU1UA_J_;XXHHpqW}Bk$(r-(jTx55cY@m6kz2e5CoSVDtnvR7e1qrEcjd=1c zbjJ#ry+@StcfVIt5G!7L?}n3)NypJ$*44jrW_L2~T=9F)bM|K!riwI8blrF6{tD&O z&bOaRh;QuMqcbDbF-Uo}@}w;;LV8Y578q}a*4?|eSJt)4KVs%r Wb2?fs;~@p~27{-opUXO@geCxk!+yd5 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 9b83d65998a0ea20ae4fe41fe640c00d1396c1dc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 175 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!D3?x-;bCrM;TYyi9E0F$wo*{g$+hQP#u_VYZ zn8D%MjWiG^$=lt9p@UV{1IXbl@Q5sCVBi)8VMc~ob0mO*>?NMQuIvvuWQ4TDN{nPc zCMbEjIEHXsPfloHWaeaJ=4NY_=V`N-ICGHW1VfQylTbk@!?6z>i9Zefb^}#2c)I$z JtaD0e0sv;FCdB{% diff --git a/LCARStrek/devtools/images/rewind@2x.png b/LCARStrek/devtools/images/rewind@2x.png deleted file mode 100644 index 0bc36d89b68c22d2eec212a78f5cc51dab7e02a2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 199 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnL3?x0byx0z;*aCb)T!Hle^9~bp9zYIffk$L90|U1(2s1Lwnj--eWH0gbb!C6RAtR*8=CmT7 z1t?_Y>Eal|aXmRffkn>1z}%pTqfFo+ztS7WBlQXwIh1ZWy4ZKj;8*|kP$)r__iI7! kr-H=?+Kf~lY?o!2eNi=H<7M@=KvNhzUHx3vIVCg!07E7<0{{R3 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; } -- 2.43.0