Browse files

Replaced Windows twisties by SVG equivalents

  • Loading branch information...
1 parent 7ba1491 commit 5777dfa57db6874698e6b7514454a80f73b76d98 @SebastianZ SebastianZ committed May 6, 2013
View
4 extension/skin/classic/win/panel.css
@@ -17,7 +17,7 @@
.breakpointHeader > .twisty,
.computedStyle.hasSelectors > .stylePropName,
.cookieRow > .cookieNameCol > .cookieNameLabel {
- background-image: url(chrome://firebug/skin/win/twistyClosed.png);
+ background-image: url(chrome://firebug/skin/win/twistyClosed.svg);
background-repeat: no-repeat;
background-position: 2px calc(0.5em - 3px);
min-height: 12px;
@@ -38,7 +38,7 @@
.breakpointBlock.opened > .breakpointHeader > .twisty,
.computedStyle.hasSelectors.opened > .stylePropName,
.cookieRow.opened > .cookieNameCol > .cookieNameLabel {
- background-image: url(chrome://firebug/skin/win/twistyOpen.png);
+ background-image: url(chrome://firebug/skin/win/twistyOpen.svg);
}
.hasHeaders .netHrefLabel,
View
BIN extension/skin/classic/win/twistyClosed.png
Deleted file not rendered
View
80 extension/skin/classic/win/twistyClosed.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- See license.txt for terms of usage -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ version="1.1"
+ width="11"
+ height="11"
+ id="svg2">
+ <defs
+ id="defs4">
+ <linearGradient
+ id="linearGradient3792">
+ <stop
+ id="stop3795"
+ style="stop-color:#c3baaa;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3797"
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient3799"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2992"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2996"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
+ </defs>
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <rect
+ width="8"
+ height="8"
+ rx="1"
+ ry="1"
+ x="1.5"
+ y="1.5"
+ id="rect3022"
+ 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" />
+ <path
+ 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"
+ id="rect3801"
+ style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>
View
BIN extension/skin/classic/win/twistyOpen.png
Deleted file not rendered
View
83 extension/skin/classic/win/twistyOpen.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- See license.txt for terms of usage -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ version="1.1"
+ width="11"
+ height="11"
+ id="svg2">
+ <defs
+ id="defs4">
+ <linearGradient
+ id="linearGradient3792">
+ <stop
+ id="stop3795"
+ style="stop-color:#c3baaa;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3797"
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient3799"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2992"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2996"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
+ </defs>
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <rect
+ width="8"
+ height="8"
+ rx="1"
+ ry="1"
+ x="1.5"
+ y="1.5"
+ id="rect3022"
+ 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" />
+ <rect
+ width="5"
+ height="1"
+ x="3"
+ y="5"
+ id="rect3801"
+ style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>
View
8 tests/FBTest/skin/classic/testList.css
@@ -47,11 +47,11 @@
}
.testListRow.results .testName {
- background-image: url(chrome://fbtest/skin/twistyClosed.png);
+ background-image: url(chrome://fbtest/skin/twistyClosed.svg);
}
.testListRow.opened .testName {
- background-image: url(chrome://fbtest/skin/twistyOpen.png);
+ background-image: url(chrome://fbtest/skin/twistyOpen.svg);
}
.testListRow.error .testLink {
@@ -164,11 +164,11 @@
}
.opened > .testGroupCol > .testGroupName {
- background-image: url(chrome://fbtest/skin/twistyOpen.png);
+ background-image: url(chrome://fbtest/skin/twistyOpen.svg);
}
.testGroupName {
- background-image: url(chrome://fbtest/skin/twistyClosed.png);
+ background-image: url(chrome://fbtest/skin/twistyClosed.svg);
background-repeat: no-repeat;
background-position: 2px 1px;
padding-left: 18px;
View
6 tests/FBTest/skin/classic/testResult.css
@@ -29,11 +29,11 @@
}
.opened > .testResultCol > .testResultMessage {
- background-image: url(chrome://fbtest/skin/twistyOpen.png);
+ background-image: url(chrome://fbtest/skin/twistyOpen.svg);
}
.testResultMessage {
- background-image: url(chrome://fbtest/skin/twistyClosed.png);
+ background-image: url(chrome://fbtest/skin/twistyClosed.svg);
background-repeat: no-repeat;
background-position: 2px 2px;
padding-left: 18px;
@@ -70,7 +70,7 @@
background: #EFEFEF;
padding-left: 18px;
position: absolute;
- background-image: url(chrome://fbtest/skin/twistyClosed.png);
+ background-image: url(chrome://fbtest/skin/twistyClosed.svg);
background-repeat: no-repeat;
background-position: 2px 2px;
}
View
BIN tests/FBTest/skin/classic/twistyClosed.png
Deleted file not rendered
View
80 tests/FBTest/skin/classic/twistyClosed.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- See license.txt for terms of usage -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ version="1.1"
+ width="11"
+ height="11"
+ id="svg2">
+ <defs
+ id="defs4">
+ <linearGradient
+ id="linearGradient3792">
+ <stop
+ id="stop3795"
+ style="stop-color:#c3baaa;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3797"
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient3799"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2992"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2996"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
+ </defs>
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <rect
+ width="8"
+ height="8"
+ rx="1"
+ ry="1"
+ x="1.5"
+ y="1.5"
+ id="rect3022"
+ 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" />
+ <path
+ 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"
+ id="rect3801"
+ style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>
View
BIN tests/FBTest/skin/classic/twistyOpen.png
Deleted file not rendered
View
83 tests/FBTest/skin/classic/twistyOpen.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- See license.txt for terms of usage -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ version="1.1"
+ width="11"
+ height="11"
+ id="svg2">
+ <defs
+ id="defs4">
+ <linearGradient
+ id="linearGradient3792">
+ <stop
+ id="stop3795"
+ style="stop-color:#c3baaa;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3797"
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient3799"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2992"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2996"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
+ </defs>
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <rect
+ width="8"
+ height="8"
+ rx="1"
+ ry="1"
+ x="1.5"
+ y="1.5"
+ id="rect3022"
+ 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" />
+ <rect
+ width="5"
+ height="1"
+ x="3"
+ y="5"
+ id="rect3801"
+ style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>
View
8 tests/content/_common/testList.css
@@ -69,11 +69,11 @@ h3 {
}
.testListRow.results .testName {
- background-image: url(chrome://firebug/skin/win/twistyClosed.png);
+ background-image: url(twistyClosed.svg);
}
.testListRow.opened .testName {
- background-image: url(chrome://firebug/skin/win/twistyOpen.png);
+ background-image: url(twistyOpen.svg);
}
.testListRow.error .testLink {
@@ -157,11 +157,11 @@ h3 {
}
.opened > .testGroupCol > .testGroupName {
- background-image: url(chrome://firebug/skin/win/twistyOpen.png);
+ background-image: url(twistyOpen.svg);
}
.testGroupName {
- background-image: url(chrome://firebug/skin/win/twistyClosed.png);
+ background-image: url(twistyClosed.svg);
background-repeat: no-repeat;
background-position: 2px 1px;
padding-left: 18px;
View
6 tests/content/_common/testResult.css
@@ -29,11 +29,11 @@
}
.opened > .testResultCol > .testResultMessage {
- background-image: url(chrome://firebug/skin/win/twistyOpen.png);
+ background-image: url(twistyOpen.svg);
}
.testResultMessage {
- background-image: url(chrome://firebug/skin/win/twistyClosed.png);
+ background-image: url(twistyClosed.svg);
background-repeat: no-repeat;
background-position: 2px 2px;
padding-left: 18px;
@@ -70,7 +70,7 @@
background: #EFEFEF;
padding-left: 18px;
position: absolute;
- background-image: url(chrome://firebug/skin/win/twistyClosed.png);
+ background-image: url(twistyClosed.svg);
background-repeat: no-repeat;
background-position: 2px 2px;
}
View
80 tests/content/_common/twistyClosed.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- See license.txt for terms of usage -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ version="1.1"
+ width="11"
+ height="11"
+ id="svg2">
+ <defs
+ id="defs4">
+ <linearGradient
+ id="linearGradient3792">
+ <stop
+ id="stop3795"
+ style="stop-color:#c3baaa;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3797"
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient3799"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2992"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2996"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
+ </defs>
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <rect
+ width="8"
+ height="8"
+ rx="1"
+ ry="1"
+ x="1.5"
+ y="1.5"
+ id="rect3022"
+ 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" />
+ <path
+ 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"
+ id="rect3801"
+ style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>
View
83 tests/content/_common/twistyOpen.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- See license.txt for terms of usage -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ version="1.1"
+ width="11"
+ height="11"
+ id="svg2">
+ <defs
+ id="defs4">
+ <linearGradient
+ id="linearGradient3792">
+ <stop
+ id="stop3795"
+ style="stop-color:#c3baaa;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3797"
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient3799"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2992"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2996"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
+ </defs>
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <rect
+ width="8"
+ height="8"
+ rx="1"
+ ry="1"
+ x="1.5"
+ y="1.5"
+ id="rect3022"
+ 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" />
+ <rect
+ width="5"
+ height="1"
+ x="3"
+ y="5"
+ id="rect3801"
+ style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>
View
4 trace/FBTrace/chrome/skin/classic/traceConsole.css
@@ -102,7 +102,7 @@
}
.messageRow .messageNameLabel {
- background-image: url(chrome://fbtrace-os/skin/twistyClosed.png);
+ background-image: url(chrome://fbtrace-os/skin/twistyClosed.svg);
background-repeat: no-repeat;
background-position: 2px 2px;
}
@@ -114,7 +114,7 @@
}
/*.messageRow */.opened > .messageCol > .messageNameLabel {
- background-image: url(chrome://fbtrace-os/skin/twistyOpen.png);
+ background-image: url(chrome://fbtrace-os/skin/twistyOpen.svg);
}
/************************************************************************************************/
View
4 trace/FBTrace/chrome/skin/classic/win/panel.css
@@ -17,7 +17,7 @@
.breakpointHeader > .twisty,
.computedStyle.hasSelectors > .stylePropName,
.cookieRow > .cookieNameCol > .cookieNameLabel {
- background-image: url(chrome://firebug/skin/win/twistyClosed.png);
+ background-image: url(chrome://fbtrace/skin/win/twistyClosed.svg);
background-repeat: no-repeat;
background-position: 2px 2px;
min-height: 12px;
@@ -38,7 +38,7 @@
.breakpointBlock.opened > .breakpointHeader > .twisty,
.computedStyle.hasSelectors.opened > .stylePropName,
.cookieRow.opened > .cookieNameCol > .cookieNameLabel {
- background-image: url(chrome://firebug/skin/win/twistyOpen.png);
+ background-image: url(chrome://fbtrace/skin/win/twistyOpen.svg);
}
.twisty {
View
4 trace/FBTrace/chrome/skin/classic/win/traceConsole.css
@@ -3,12 +3,12 @@
/* Currently empty for Windows, but needed for Mac OS */
.memberRow.hasChildren > .memberLabelCell > .memberLabel {
- background-image: url(chrome://fbtrace-os/skin/twistyClosed.png);
+ background-image: url(chrome://fbtrace-os/skin/twistyClosed.svg);
background-repeat: no-repeat;
background-position: 2px 2px;
min-height: 12px;
}
.memberRow.hasChildren.opened > .memberLabelCell > .memberLabel {
- background-image: url(chrome://fbtrace-os/skin/twistyOpen.png);
+ background-image: url(chrome://fbtrace-os/skin/twistyOpen.svg);
}
View
BIN trace/FBTrace/chrome/skin/classic/win/twistyClosed.png
Deleted file not rendered
View
80 trace/FBTrace/chrome/skin/classic/win/twistyClosed.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- See license.txt for terms of usage -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ version="1.1"
+ width="11"
+ height="11"
+ id="svg2">
+ <defs
+ id="defs4">
+ <linearGradient
+ id="linearGradient3792">
+ <stop
+ id="stop3795"
+ style="stop-color:#c3baaa;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3797"
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient3799"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2992"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2996"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
+ </defs>
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <rect
+ width="8"
+ height="8"
+ rx="1"
+ ry="1"
+ x="1.5"
+ y="1.5"
+ id="rect3022"
+ 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" />
+ <path
+ 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"
+ id="rect3801"
+ style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>
View
BIN trace/FBTrace/chrome/skin/classic/win/twistyOpen.png
Deleted file not rendered
View
83 trace/FBTrace/chrome/skin/classic/win/twistyOpen.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- See license.txt for terms of usage -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ version="1.1"
+ width="11"
+ height="11"
+ id="svg2">
+ <defs
+ id="defs4">
+ <linearGradient
+ id="linearGradient3792">
+ <stop
+ id="stop3795"
+ style="stop-color:#c3baaa;stop-opacity:1"
+ offset="0" />
+ <stop
+ id="stop3797"
+ style="stop-color:#ffffff;stop-opacity:1"
+ offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient3799"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2992"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
+ <linearGradient
+ x1="6.0530181"
+ y1="7.092885"
+ x2="2.8882971"
+ y2="1.7999334"
+ id="linearGradient2996"
+ xlink:href="#linearGradient3792"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
+ </defs>
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <rect
+ width="8"
+ height="8"
+ rx="1"
+ ry="1"
+ x="1.5"
+ y="1.5"
+ id="rect3022"
+ 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" />
+ <rect
+ width="5"
+ height="1"
+ x="3"
+ y="5"
+ id="rect3801"
+ style="fill:#000000;fill-opacity:1;stroke:none" />
+</svg>

2 comments on commit 5777dfa

@staabm

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

@SebastianZ
Firebug Working Group member

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.