Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Replaced Windows twisties by SVG equivalents

  • Loading branch information...
commit 5777dfa57db6874698e6b7514454a80f73b76d98 1 parent 7ba1491
Sebastian Zartner SebastianZ authored

Showing 22 changed files with 674 additions and 22 deletions. Show diff stats Hide diff stats

  1. +2 2 extension/skin/classic/win/panel.css
  2. BIN  extension/skin/classic/win/twistyClosed.png
  3. +80 0 extension/skin/classic/win/twistyClosed.svg
  4. BIN  extension/skin/classic/win/twistyOpen.png
  5. +83 0 extension/skin/classic/win/twistyOpen.svg
  6. +4 4 tests/FBTest/skin/classic/testList.css
  7. +3 3 tests/FBTest/skin/classic/testResult.css
  8. BIN  tests/FBTest/skin/classic/twistyClosed.png
  9. +80 0 tests/FBTest/skin/classic/twistyClosed.svg
  10. BIN  tests/FBTest/skin/classic/twistyOpen.png
  11. +83 0 tests/FBTest/skin/classic/twistyOpen.svg
  12. +4 4 tests/content/_common/testList.css
  13. +3 3 tests/content/_common/testResult.css
  14. +80 0 tests/content/_common/twistyClosed.svg
  15. +83 0 tests/content/_common/twistyOpen.svg
  16. +2 2 trace/FBTrace/chrome/skin/classic/traceConsole.css
  17. +2 2 trace/FBTrace/chrome/skin/classic/win/panel.css
  18. +2 2 trace/FBTrace/chrome/skin/classic/win/traceConsole.css
  19. BIN  trace/FBTrace/chrome/skin/classic/win/twistyClosed.png
  20. +80 0 trace/FBTrace/chrome/skin/classic/win/twistyClosed.svg
  21. BIN  trace/FBTrace/chrome/skin/classic/win/twistyOpen.png
  22. +83 0 trace/FBTrace/chrome/skin/classic/win/twistyOpen.svg
4 extension/skin/classic/win/panel.css
@@ -17,7 +17,7 @@
17 17 .breakpointHeader > .twisty,
18 18 .computedStyle.hasSelectors > .stylePropName,
19 19 .cookieRow > .cookieNameCol > .cookieNameLabel {
20   - background-image: url(chrome://firebug/skin/win/twistyClosed.png);
  20 + background-image: url(chrome://firebug/skin/win/twistyClosed.svg);
21 21 background-repeat: no-repeat;
22 22 background-position: 2px calc(0.5em - 3px);
23 23 min-height: 12px;
@@ -38,7 +38,7 @@
38 38 .breakpointBlock.opened > .breakpointHeader > .twisty,
39 39 .computedStyle.hasSelectors.opened > .stylePropName,
40 40 .cookieRow.opened > .cookieNameCol > .cookieNameLabel {
41   - background-image: url(chrome://firebug/skin/win/twistyOpen.png);
  41 + background-image: url(chrome://firebug/skin/win/twistyOpen.svg);
42 42 }
43 43
44 44 .hasHeaders .netHrefLabel,
BIN  extension/skin/classic/win/twistyClosed.png
80 extension/skin/classic/win/twistyClosed.svg
... ... @@ -0,0 +1,80 @@
  1 +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 +<!-- See license.txt for terms of usage -->
  3 +<svg
  4 + xmlns:dc="http://purl.org/dc/elements/1.1/"
  5 + xmlns:cc="http://creativecommons.org/ns#"
  6 + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  7 + xmlns:svg="http://www.w3.org/2000/svg"
  8 + xmlns="http://www.w3.org/2000/svg"
  9 + xmlns:xlink="http://www.w3.org/1999/xlink"
  10 + version="1.1"
  11 + width="11"
  12 + height="11"
  13 + id="svg2">
  14 + <defs
  15 + id="defs4">
  16 + <linearGradient
  17 + id="linearGradient3792">
  18 + <stop
  19 + id="stop3795"
  20 + style="stop-color:#c3baaa;stop-opacity:1"
  21 + offset="0" />
  22 + <stop
  23 + id="stop3797"
  24 + style="stop-color:#ffffff;stop-opacity:1"
  25 + offset="1" />
  26 + </linearGradient>
  27 + <linearGradient
  28 + x1="6.0530181"
  29 + y1="7.092885"
  30 + x2="2.8882971"
  31 + y2="1.7999334"
  32 + id="linearGradient3799"
  33 + xlink:href="#linearGradient3792"
  34 + gradientUnits="userSpaceOnUse"
  35 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  36 + <linearGradient
  37 + x1="6.0530181"
  38 + y1="7.092885"
  39 + x2="2.8882971"
  40 + y2="1.7999334"
  41 + id="linearGradient2992"
  42 + xlink:href="#linearGradient3792"
  43 + gradientUnits="userSpaceOnUse"
  44 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  45 + <linearGradient
  46 + x1="6.0530181"
  47 + y1="7.092885"
  48 + x2="2.8882971"
  49 + y2="1.7999334"
  50 + id="linearGradient2996"
  51 + xlink:href="#linearGradient3792"
  52 + gradientUnits="userSpaceOnUse"
  53 + gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
  54 + </defs>
  55 + <metadata
  56 + id="metadata7">
  57 + <rdf:RDF>
  58 + <cc:Work
  59 + rdf:about="">
  60 + <dc:format>image/svg+xml</dc:format>
  61 + <dc:type
  62 + rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  63 + <dc:title></dc:title>
  64 + </cc:Work>
  65 + </rdf:RDF>
  66 + </metadata>
  67 + <rect
  68 + width="8"
  69 + height="8"
  70 + rx="1"
  71 + ry="1"
  72 + x="1.5"
  73 + y="1.5"
  74 + id="rect3022"
  75 + style="fill:url(#linearGradient2996);fill-opacity:1;stroke:#7898b5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
  76 + <path
  77 + d="M 5,3 5,5 3,5 3,6 5,6 5,8 6,8 6,6 8,6 8,5 6,5 6,3 5,3 z"
  78 + id="rect3801"
  79 + style="fill:#000000;fill-opacity:1;stroke:none" />
  80 +</svg>
BIN  extension/skin/classic/win/twistyOpen.png
83 extension/skin/classic/win/twistyOpen.svg
... ... @@ -0,0 +1,83 @@
  1 +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 +<!-- See license.txt for terms of usage -->
  3 +<svg
  4 + xmlns:dc="http://purl.org/dc/elements/1.1/"
  5 + xmlns:cc="http://creativecommons.org/ns#"
  6 + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  7 + xmlns:svg="http://www.w3.org/2000/svg"
  8 + xmlns="http://www.w3.org/2000/svg"
  9 + xmlns:xlink="http://www.w3.org/1999/xlink"
  10 + version="1.1"
  11 + width="11"
  12 + height="11"
  13 + id="svg2">
  14 + <defs
  15 + id="defs4">
  16 + <linearGradient
  17 + id="linearGradient3792">
  18 + <stop
  19 + id="stop3795"
  20 + style="stop-color:#c3baaa;stop-opacity:1"
  21 + offset="0" />
  22 + <stop
  23 + id="stop3797"
  24 + style="stop-color:#ffffff;stop-opacity:1"
  25 + offset="1" />
  26 + </linearGradient>
  27 + <linearGradient
  28 + x1="6.0530181"
  29 + y1="7.092885"
  30 + x2="2.8882971"
  31 + y2="1.7999334"
  32 + id="linearGradient3799"
  33 + xlink:href="#linearGradient3792"
  34 + gradientUnits="userSpaceOnUse"
  35 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  36 + <linearGradient
  37 + x1="6.0530181"
  38 + y1="7.092885"
  39 + x2="2.8882971"
  40 + y2="1.7999334"
  41 + id="linearGradient2992"
  42 + xlink:href="#linearGradient3792"
  43 + gradientUnits="userSpaceOnUse"
  44 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  45 + <linearGradient
  46 + x1="6.0530181"
  47 + y1="7.092885"
  48 + x2="2.8882971"
  49 + y2="1.7999334"
  50 + id="linearGradient2996"
  51 + xlink:href="#linearGradient3792"
  52 + gradientUnits="userSpaceOnUse"
  53 + gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
  54 + </defs>
  55 + <metadata
  56 + id="metadata7">
  57 + <rdf:RDF>
  58 + <cc:Work
  59 + rdf:about="">
  60 + <dc:format>image/svg+xml</dc:format>
  61 + <dc:type
  62 + rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  63 + <dc:title></dc:title>
  64 + </cc:Work>
  65 + </rdf:RDF>
  66 + </metadata>
  67 + <rect
  68 + width="8"
  69 + height="8"
  70 + rx="1"
  71 + ry="1"
  72 + x="1.5"
  73 + y="1.5"
  74 + id="rect3022"
  75 + style="fill:url(#linearGradient2996);fill-opacity:1;stroke:#7898b5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
  76 + <rect
  77 + width="5"
  78 + height="1"
  79 + x="3"
  80 + y="5"
  81 + id="rect3801"
  82 + style="fill:#000000;fill-opacity:1;stroke:none" />
  83 +</svg>
8 tests/FBTest/skin/classic/testList.css
@@ -47,11 +47,11 @@
47 47 }
48 48
49 49 .testListRow.results .testName {
50   - background-image: url(chrome://fbtest/skin/twistyClosed.png);
  50 + background-image: url(chrome://fbtest/skin/twistyClosed.svg);
51 51 }
52 52
53 53 .testListRow.opened .testName {
54   - background-image: url(chrome://fbtest/skin/twistyOpen.png);
  54 + background-image: url(chrome://fbtest/skin/twistyOpen.svg);
55 55 }
56 56
57 57 .testListRow.error .testLink {
@@ -164,11 +164,11 @@
164 164 }
165 165
166 166 .opened > .testGroupCol > .testGroupName {
167   - background-image: url(chrome://fbtest/skin/twistyOpen.png);
  167 + background-image: url(chrome://fbtest/skin/twistyOpen.svg);
168 168 }
169 169
170 170 .testGroupName {
171   - background-image: url(chrome://fbtest/skin/twistyClosed.png);
  171 + background-image: url(chrome://fbtest/skin/twistyClosed.svg);
172 172 background-repeat: no-repeat;
173 173 background-position: 2px 1px;
174 174 padding-left: 18px;
6 tests/FBTest/skin/classic/testResult.css
@@ -29,11 +29,11 @@
29 29 }
30 30
31 31 .opened > .testResultCol > .testResultMessage {
32   - background-image: url(chrome://fbtest/skin/twistyOpen.png);
  32 + background-image: url(chrome://fbtest/skin/twistyOpen.svg);
33 33 }
34 34
35 35 .testResultMessage {
36   - background-image: url(chrome://fbtest/skin/twistyClosed.png);
  36 + background-image: url(chrome://fbtest/skin/twistyClosed.svg);
37 37 background-repeat: no-repeat;
38 38 background-position: 2px 2px;
39 39 padding-left: 18px;
@@ -70,7 +70,7 @@
70 70 background: #EFEFEF;
71 71 padding-left: 18px;
72 72 position: absolute;
73   - background-image: url(chrome://fbtest/skin/twistyClosed.png);
  73 + background-image: url(chrome://fbtest/skin/twistyClosed.svg);
74 74 background-repeat: no-repeat;
75 75 background-position: 2px 2px;
76 76 }
BIN  tests/FBTest/skin/classic/twistyClosed.png
80 tests/FBTest/skin/classic/twistyClosed.svg
... ... @@ -0,0 +1,80 @@
  1 +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 +<!-- See license.txt for terms of usage -->
  3 +<svg
  4 + xmlns:dc="http://purl.org/dc/elements/1.1/"
  5 + xmlns:cc="http://creativecommons.org/ns#"
  6 + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  7 + xmlns:svg="http://www.w3.org/2000/svg"
  8 + xmlns="http://www.w3.org/2000/svg"
  9 + xmlns:xlink="http://www.w3.org/1999/xlink"
  10 + version="1.1"
  11 + width="11"
  12 + height="11"
  13 + id="svg2">
  14 + <defs
  15 + id="defs4">
  16 + <linearGradient
  17 + id="linearGradient3792">
  18 + <stop
  19 + id="stop3795"
  20 + style="stop-color:#c3baaa;stop-opacity:1"
  21 + offset="0" />
  22 + <stop
  23 + id="stop3797"
  24 + style="stop-color:#ffffff;stop-opacity:1"
  25 + offset="1" />
  26 + </linearGradient>
  27 + <linearGradient
  28 + x1="6.0530181"
  29 + y1="7.092885"
  30 + x2="2.8882971"
  31 + y2="1.7999334"
  32 + id="linearGradient3799"
  33 + xlink:href="#linearGradient3792"
  34 + gradientUnits="userSpaceOnUse"
  35 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  36 + <linearGradient
  37 + x1="6.0530181"
  38 + y1="7.092885"
  39 + x2="2.8882971"
  40 + y2="1.7999334"
  41 + id="linearGradient2992"
  42 + xlink:href="#linearGradient3792"
  43 + gradientUnits="userSpaceOnUse"
  44 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  45 + <linearGradient
  46 + x1="6.0530181"
  47 + y1="7.092885"
  48 + x2="2.8882971"
  49 + y2="1.7999334"
  50 + id="linearGradient2996"
  51 + xlink:href="#linearGradient3792"
  52 + gradientUnits="userSpaceOnUse"
  53 + gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
  54 + </defs>
  55 + <metadata
  56 + id="metadata7">
  57 + <rdf:RDF>
  58 + <cc:Work
  59 + rdf:about="">
  60 + <dc:format>image/svg+xml</dc:format>
  61 + <dc:type
  62 + rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  63 + <dc:title></dc:title>
  64 + </cc:Work>
  65 + </rdf:RDF>
  66 + </metadata>
  67 + <rect
  68 + width="8"
  69 + height="8"
  70 + rx="1"
  71 + ry="1"
  72 + x="1.5"
  73 + y="1.5"
  74 + id="rect3022"
  75 + style="fill:url(#linearGradient2996);fill-opacity:1;stroke:#7898b5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
  76 + <path
  77 + d="M 5,3 5,5 3,5 3,6 5,6 5,8 6,8 6,6 8,6 8,5 6,5 6,3 5,3 z"
  78 + id="rect3801"
  79 + style="fill:#000000;fill-opacity:1;stroke:none" />
  80 +</svg>
BIN  tests/FBTest/skin/classic/twistyOpen.png
83 tests/FBTest/skin/classic/twistyOpen.svg
... ... @@ -0,0 +1,83 @@
  1 +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 +<!-- See license.txt for terms of usage -->
  3 +<svg
  4 + xmlns:dc="http://purl.org/dc/elements/1.1/"
  5 + xmlns:cc="http://creativecommons.org/ns#"
  6 + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  7 + xmlns:svg="http://www.w3.org/2000/svg"
  8 + xmlns="http://www.w3.org/2000/svg"
  9 + xmlns:xlink="http://www.w3.org/1999/xlink"
  10 + version="1.1"
  11 + width="11"
  12 + height="11"
  13 + id="svg2">
  14 + <defs
  15 + id="defs4">
  16 + <linearGradient
  17 + id="linearGradient3792">
  18 + <stop
  19 + id="stop3795"
  20 + style="stop-color:#c3baaa;stop-opacity:1"
  21 + offset="0" />
  22 + <stop
  23 + id="stop3797"
  24 + style="stop-color:#ffffff;stop-opacity:1"
  25 + offset="1" />
  26 + </linearGradient>
  27 + <linearGradient
  28 + x1="6.0530181"
  29 + y1="7.092885"
  30 + x2="2.8882971"
  31 + y2="1.7999334"
  32 + id="linearGradient3799"
  33 + xlink:href="#linearGradient3792"
  34 + gradientUnits="userSpaceOnUse"
  35 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  36 + <linearGradient
  37 + x1="6.0530181"
  38 + y1="7.092885"
  39 + x2="2.8882971"
  40 + y2="1.7999334"
  41 + id="linearGradient2992"
  42 + xlink:href="#linearGradient3792"
  43 + gradientUnits="userSpaceOnUse"
  44 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  45 + <linearGradient
  46 + x1="6.0530181"
  47 + y1="7.092885"
  48 + x2="2.8882971"
  49 + y2="1.7999334"
  50 + id="linearGradient2996"
  51 + xlink:href="#linearGradient3792"
  52 + gradientUnits="userSpaceOnUse"
  53 + gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
  54 + </defs>
  55 + <metadata
  56 + id="metadata7">
  57 + <rdf:RDF>
  58 + <cc:Work
  59 + rdf:about="">
  60 + <dc:format>image/svg+xml</dc:format>
  61 + <dc:type
  62 + rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  63 + <dc:title></dc:title>
  64 + </cc:Work>
  65 + </rdf:RDF>
  66 + </metadata>
  67 + <rect
  68 + width="8"
  69 + height="8"
  70 + rx="1"
  71 + ry="1"
  72 + x="1.5"
  73 + y="1.5"
  74 + id="rect3022"
  75 + style="fill:url(#linearGradient2996);fill-opacity:1;stroke:#7898b5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
  76 + <rect
  77 + width="5"
  78 + height="1"
  79 + x="3"
  80 + y="5"
  81 + id="rect3801"
  82 + style="fill:#000000;fill-opacity:1;stroke:none" />
  83 +</svg>
8 tests/content/_common/testList.css
@@ -69,11 +69,11 @@ h3 {
69 69 }
70 70
71 71 .testListRow.results .testName {
72   - background-image: url(chrome://firebug/skin/win/twistyClosed.png);
  72 + background-image: url(twistyClosed.svg);
73 73 }
74 74
75 75 .testListRow.opened .testName {
76   - background-image: url(chrome://firebug/skin/win/twistyOpen.png);
  76 + background-image: url(twistyOpen.svg);
77 77 }
78 78
79 79 .testListRow.error .testLink {
@@ -157,11 +157,11 @@ h3 {
157 157 }
158 158
159 159 .opened > .testGroupCol > .testGroupName {
160   - background-image: url(chrome://firebug/skin/win/twistyOpen.png);
  160 + background-image: url(twistyOpen.svg);
161 161 }
162 162
163 163 .testGroupName {
164   - background-image: url(chrome://firebug/skin/win/twistyClosed.png);
  164 + background-image: url(twistyClosed.svg);
165 165 background-repeat: no-repeat;
166 166 background-position: 2px 1px;
167 167 padding-left: 18px;
6 tests/content/_common/testResult.css
@@ -29,11 +29,11 @@
29 29 }
30 30
31 31 .opened > .testResultCol > .testResultMessage {
32   - background-image: url(chrome://firebug/skin/win/twistyOpen.png);
  32 + background-image: url(twistyOpen.svg);
33 33 }
34 34
35 35 .testResultMessage {
36   - background-image: url(chrome://firebug/skin/win/twistyClosed.png);
  36 + background-image: url(twistyClosed.svg);
37 37 background-repeat: no-repeat;
38 38 background-position: 2px 2px;
39 39 padding-left: 18px;
@@ -70,7 +70,7 @@
70 70 background: #EFEFEF;
71 71 padding-left: 18px;
72 72 position: absolute;
73   - background-image: url(chrome://firebug/skin/win/twistyClosed.png);
  73 + background-image: url(twistyClosed.svg);
74 74 background-repeat: no-repeat;
75 75 background-position: 2px 2px;
76 76 }
80 tests/content/_common/twistyClosed.svg
... ... @@ -0,0 +1,80 @@
  1 +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 +<!-- See license.txt for terms of usage -->
  3 +<svg
  4 + xmlns:dc="http://purl.org/dc/elements/1.1/"
  5 + xmlns:cc="http://creativecommons.org/ns#"
  6 + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  7 + xmlns:svg="http://www.w3.org/2000/svg"
  8 + xmlns="http://www.w3.org/2000/svg"
  9 + xmlns:xlink="http://www.w3.org/1999/xlink"
  10 + version="1.1"
  11 + width="11"
  12 + height="11"
  13 + id="svg2">
  14 + <defs
  15 + id="defs4">
  16 + <linearGradient
  17 + id="linearGradient3792">
  18 + <stop
  19 + id="stop3795"
  20 + style="stop-color:#c3baaa;stop-opacity:1"
  21 + offset="0" />
  22 + <stop
  23 + id="stop3797"
  24 + style="stop-color:#ffffff;stop-opacity:1"
  25 + offset="1" />
  26 + </linearGradient>
  27 + <linearGradient
  28 + x1="6.0530181"
  29 + y1="7.092885"
  30 + x2="2.8882971"
  31 + y2="1.7999334"
  32 + id="linearGradient3799"
  33 + xlink:href="#linearGradient3792"
  34 + gradientUnits="userSpaceOnUse"
  35 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  36 + <linearGradient
  37 + x1="6.0530181"
  38 + y1="7.092885"
  39 + x2="2.8882971"
  40 + y2="1.7999334"
  41 + id="linearGradient2992"
  42 + xlink:href="#linearGradient3792"
  43 + gradientUnits="userSpaceOnUse"
  44 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  45 + <linearGradient
  46 + x1="6.0530181"
  47 + y1="7.092885"
  48 + x2="2.8882971"
  49 + y2="1.7999334"
  50 + id="linearGradient2996"
  51 + xlink:href="#linearGradient3792"
  52 + gradientUnits="userSpaceOnUse"
  53 + gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
  54 + </defs>
  55 + <metadata
  56 + id="metadata7">
  57 + <rdf:RDF>
  58 + <cc:Work
  59 + rdf:about="">
  60 + <dc:format>image/svg+xml</dc:format>
  61 + <dc:type
  62 + rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  63 + <dc:title></dc:title>
  64 + </cc:Work>
  65 + </rdf:RDF>
  66 + </metadata>
  67 + <rect
  68 + width="8"
  69 + height="8"
  70 + rx="1"
  71 + ry="1"
  72 + x="1.5"
  73 + y="1.5"
  74 + id="rect3022"
  75 + style="fill:url(#linearGradient2996);fill-opacity:1;stroke:#7898b5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
  76 + <path
  77 + d="M 5,3 5,5 3,5 3,6 5,6 5,8 6,8 6,6 8,6 8,5 6,5 6,3 5,3 z"
  78 + id="rect3801"
  79 + style="fill:#000000;fill-opacity:1;stroke:none" />
  80 +</svg>
83 tests/content/_common/twistyOpen.svg
... ... @@ -0,0 +1,83 @@
  1 +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 +<!-- See license.txt for terms of usage -->
  3 +<svg
  4 + xmlns:dc="http://purl.org/dc/elements/1.1/"
  5 + xmlns:cc="http://creativecommons.org/ns#"
  6 + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  7 + xmlns:svg="http://www.w3.org/2000/svg"
  8 + xmlns="http://www.w3.org/2000/svg"
  9 + xmlns:xlink="http://www.w3.org/1999/xlink"
  10 + version="1.1"
  11 + width="11"
  12 + height="11"
  13 + id="svg2">
  14 + <defs
  15 + id="defs4">
  16 + <linearGradient
  17 + id="linearGradient3792">
  18 + <stop
  19 + id="stop3795"
  20 + style="stop-color:#c3baaa;stop-opacity:1"
  21 + offset="0" />
  22 + <stop
  23 + id="stop3797"
  24 + style="stop-color:#ffffff;stop-opacity:1"
  25 + offset="1" />
  26 + </linearGradient>
  27 + <linearGradient
  28 + x1="6.0530181"
  29 + y1="7.092885"
  30 + x2="2.8882971"
  31 + y2="1.7999334"
  32 + id="linearGradient3799"
  33 + xlink:href="#linearGradient3792"
  34 + gradientUnits="userSpaceOnUse"
  35 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  36 + <linearGradient
  37 + x1="6.0530181"
  38 + y1="7.092885"
  39 + x2="2.8882971"
  40 + y2="1.7999334"
  41 + id="linearGradient2992"
  42 + xlink:href="#linearGradient3792"
  43 + gradientUnits="userSpaceOnUse"
  44 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  45 + <linearGradient
  46 + x1="6.0530181"
  47 + y1="7.092885"
  48 + x2="2.8882971"
  49 + y2="1.7999334"
  50 + id="linearGradient2996"
  51 + xlink:href="#linearGradient3792"
  52 + gradientUnits="userSpaceOnUse"
  53 + gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
  54 + </defs>
  55 + <metadata
  56 + id="metadata7">
  57 + <rdf:RDF>
  58 + <cc:Work
  59 + rdf:about="">
  60 + <dc:format>image/svg+xml</dc:format>
  61 + <dc:type
  62 + rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  63 + <dc:title></dc:title>
  64 + </cc:Work>
  65 + </rdf:RDF>
  66 + </metadata>
  67 + <rect
  68 + width="8"
  69 + height="8"
  70 + rx="1"
  71 + ry="1"
  72 + x="1.5"
  73 + y="1.5"
  74 + id="rect3022"
  75 + style="fill:url(#linearGradient2996);fill-opacity:1;stroke:#7898b5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
  76 + <rect
  77 + width="5"
  78 + height="1"
  79 + x="3"
  80 + y="5"
  81 + id="rect3801"
  82 + style="fill:#000000;fill-opacity:1;stroke:none" />
  83 +</svg>
4 trace/FBTrace/chrome/skin/classic/traceConsole.css
@@ -102,7 +102,7 @@
102 102 }
103 103
104 104 .messageRow .messageNameLabel {
105   - background-image: url(chrome://fbtrace-os/skin/twistyClosed.png);
  105 + background-image: url(chrome://fbtrace-os/skin/twistyClosed.svg);
106 106 background-repeat: no-repeat;
107 107 background-position: 2px 2px;
108 108 }
@@ -114,7 +114,7 @@
114 114 }
115 115
116 116 /*.messageRow */.opened > .messageCol > .messageNameLabel {
117   - background-image: url(chrome://fbtrace-os/skin/twistyOpen.png);
  117 + background-image: url(chrome://fbtrace-os/skin/twistyOpen.svg);
118 118 }
119 119
120 120 /************************************************************************************************/
4 trace/FBTrace/chrome/skin/classic/win/panel.css
@@ -17,7 +17,7 @@
17 17 .breakpointHeader > .twisty,
18 18 .computedStyle.hasSelectors > .stylePropName,
19 19 .cookieRow > .cookieNameCol > .cookieNameLabel {
20   - background-image: url(chrome://firebug/skin/win/twistyClosed.png);
  20 + background-image: url(chrome://fbtrace/skin/win/twistyClosed.svg);
21 21 background-repeat: no-repeat;
22 22 background-position: 2px 2px;
23 23 min-height: 12px;
@@ -38,7 +38,7 @@
38 38 .breakpointBlock.opened > .breakpointHeader > .twisty,
39 39 .computedStyle.hasSelectors.opened > .stylePropName,
40 40 .cookieRow.opened > .cookieNameCol > .cookieNameLabel {
41   - background-image: url(chrome://firebug/skin/win/twistyOpen.png);
  41 + background-image: url(chrome://fbtrace/skin/win/twistyOpen.svg);
42 42 }
43 43
44 44 .twisty {
4 trace/FBTrace/chrome/skin/classic/win/traceConsole.css
@@ -3,12 +3,12 @@
3 3 /* Currently empty for Windows, but needed for Mac OS */
4 4
5 5 .memberRow.hasChildren > .memberLabelCell > .memberLabel {
6   - background-image: url(chrome://fbtrace-os/skin/twistyClosed.png);
  6 + background-image: url(chrome://fbtrace-os/skin/twistyClosed.svg);
7 7 background-repeat: no-repeat;
8 8 background-position: 2px 2px;
9 9 min-height: 12px;
10 10 }
11 11
12 12 .memberRow.hasChildren.opened > .memberLabelCell > .memberLabel {
13   - background-image: url(chrome://fbtrace-os/skin/twistyOpen.png);
  13 + background-image: url(chrome://fbtrace-os/skin/twistyOpen.svg);
14 14 }
BIN  trace/FBTrace/chrome/skin/classic/win/twistyClosed.png
80 trace/FBTrace/chrome/skin/classic/win/twistyClosed.svg
... ... @@ -0,0 +1,80 @@
  1 +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 +<!-- See license.txt for terms of usage -->
  3 +<svg
  4 + xmlns:dc="http://purl.org/dc/elements/1.1/"
  5 + xmlns:cc="http://creativecommons.org/ns#"
  6 + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  7 + xmlns:svg="http://www.w3.org/2000/svg"
  8 + xmlns="http://www.w3.org/2000/svg"
  9 + xmlns:xlink="http://www.w3.org/1999/xlink"
  10 + version="1.1"
  11 + width="11"
  12 + height="11"
  13 + id="svg2">
  14 + <defs
  15 + id="defs4">
  16 + <linearGradient
  17 + id="linearGradient3792">
  18 + <stop
  19 + id="stop3795"
  20 + style="stop-color:#c3baaa;stop-opacity:1"
  21 + offset="0" />
  22 + <stop
  23 + id="stop3797"
  24 + style="stop-color:#ffffff;stop-opacity:1"
  25 + offset="1" />
  26 + </linearGradient>
  27 + <linearGradient
  28 + x1="6.0530181"
  29 + y1="7.092885"
  30 + x2="2.8882971"
  31 + y2="1.7999334"
  32 + id="linearGradient3799"
  33 + xlink:href="#linearGradient3792"
  34 + gradientUnits="userSpaceOnUse"
  35 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  36 + <linearGradient
  37 + x1="6.0530181"
  38 + y1="7.092885"
  39 + x2="2.8882971"
  40 + y2="1.7999334"
  41 + id="linearGradient2992"
  42 + xlink:href="#linearGradient3792"
  43 + gradientUnits="userSpaceOnUse"
  44 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  45 + <linearGradient
  46 + x1="6.0530181"
  47 + y1="7.092885"
  48 + x2="2.8882971"
  49 + y2="1.7999334"
  50 + id="linearGradient2996"
  51 + xlink:href="#linearGradient3792"
  52 + gradientUnits="userSpaceOnUse"
  53 + gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
  54 + </defs>
  55 + <metadata
  56 + id="metadata7">
  57 + <rdf:RDF>
  58 + <cc:Work
  59 + rdf:about="">
  60 + <dc:format>image/svg+xml</dc:format>
  61 + <dc:type
  62 + rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  63 + <dc:title></dc:title>
  64 + </cc:Work>
  65 + </rdf:RDF>
  66 + </metadata>
  67 + <rect
  68 + width="8"
  69 + height="8"
  70 + rx="1"
  71 + ry="1"
  72 + x="1.5"
  73 + y="1.5"
  74 + id="rect3022"
  75 + style="fill:url(#linearGradient2996);fill-opacity:1;stroke:#7898b5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
  76 + <path
  77 + d="M 5,3 5,5 3,5 3,6 5,6 5,8 6,8 6,6 8,6 8,5 6,5 6,3 5,3 z"
  78 + id="rect3801"
  79 + style="fill:#000000;fill-opacity:1;stroke:none" />
  80 +</svg>
BIN  trace/FBTrace/chrome/skin/classic/win/twistyOpen.png
83 trace/FBTrace/chrome/skin/classic/win/twistyOpen.svg
... ... @@ -0,0 +1,83 @@
  1 +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 +<!-- See license.txt for terms of usage -->
  3 +<svg
  4 + xmlns:dc="http://purl.org/dc/elements/1.1/"
  5 + xmlns:cc="http://creativecommons.org/ns#"
  6 + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  7 + xmlns:svg="http://www.w3.org/2000/svg"
  8 + xmlns="http://www.w3.org/2000/svg"
  9 + xmlns:xlink="http://www.w3.org/1999/xlink"
  10 + version="1.1"
  11 + width="11"
  12 + height="11"
  13 + id="svg2">
  14 + <defs
  15 + id="defs4">
  16 + <linearGradient
  17 + id="linearGradient3792">
  18 + <stop
  19 + id="stop3795"
  20 + style="stop-color:#c3baaa;stop-opacity:1"
  21 + offset="0" />
  22 + <stop
  23 + id="stop3797"
  24 + style="stop-color:#ffffff;stop-opacity:1"
  25 + offset="1" />
  26 + </linearGradient>
  27 + <linearGradient
  28 + x1="6.0530181"
  29 + y1="7.092885"
  30 + x2="2.8882971"
  31 + y2="1.7999334"
  32 + id="linearGradient3799"
  33 + xlink:href="#linearGradient3792"
  34 + gradientUnits="userSpaceOnUse"
  35 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  36 + <linearGradient
  37 + x1="6.0530181"
  38 + y1="7.092885"
  39 + x2="2.8882971"
  40 + y2="1.7999334"
  41 + id="linearGradient2992"
  42 + xlink:href="#linearGradient3792"
  43 + gradientUnits="userSpaceOnUse"
  44 + gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
  45 + <linearGradient
  46 + x1="6.0530181"
  47 + y1="7.092885"
  48 + x2="2.8882971"
  49 + y2="1.7999334"
  50 + id="linearGradient2996"
  51 + xlink:href="#linearGradient3792"
  52 + gradientUnits="userSpaceOnUse"
  53 + gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
  54 + </defs>
  55 + <metadata
  56 + id="metadata7">
  57 + <rdf:RDF>
  58 + <cc:Work
  59 + rdf:about="">
  60 + <dc:format>image/svg+xml</dc:format>
  61 + <dc:type
  62 + rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  63 + <dc:title></dc:title>
  64 + </cc:Work>
  65 + </rdf:RDF>
  66 + </metadata>
  67 + <rect
  68 + width="8"
  69 + height="8"
  70 + rx="1"
  71 + ry="1"
  72 + x="1.5"
  73 + y="1.5"
  74 + id="rect3022"
  75 + style="fill:url(#linearGradient2996);fill-opacity:1;stroke:#7898b5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
  76 + <rect
  77 + width="5"
  78 + height="1"
  79 + x="3"
  80 + y="5"
  81 + id="rect3801"
  82 + style="fill:#000000;fill-opacity:1;stroke:none" />
  83 +</svg>

2 comments on commit 5777dfa

Markus Staab
staabm commented on 5777dfa

@SebastianZ great to see that SVG Icons make there way into Firebug! :clap:

Sebastian Zartner
Collaborator

Thanks. I'm slowly replacing the PNGs by SVGs also in preparation for making the whole Firebug UI sizable (and not just the texts).

I just didn't find a good way yet to convert the Firebug icon to SVG. The original is available in EPS format. So if you know a tool, let me know.

Sebastian

Please sign in to comment.
Something went wrong with that request. Please try again.