Replaced Windows twisties by SVG equivalents

firebug · May 6, 2013 · 5777dfa · 5777dfa · staabm · May 6, 2013
1 parent 7ba1491
commit 5777dfa
Show file tree

Hide file tree

Showing 22 changed files with 674 additions and 22 deletions.
diff --git a/extension/skin/classic/win/panel.css b/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,

diff --git a/extension/skin/classic/win/twistyClosed.png b/extension/skin/classic/win/twistyClosed.png
diff --git a/extension/skin/classic/win/twistyClosed.svg b/extension/skin/classic/win/twistyClosed.svg
diff --git a/extension/skin/classic/win/twistyOpen.png b/extension/skin/classic/win/twistyOpen.png
diff --git a/extension/skin/classic/win/twistyOpen.svg b/extension/skin/classic/win/twistyOpen.svg
diff --git a/tests/FBTest/skin/classic/testList.css b/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;

diff --git a/tests/FBTest/skin/classic/testResult.css b/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;
 }

diff --git a/tests/FBTest/skin/classic/twistyClosed.png b/tests/FBTest/skin/classic/twistyClosed.png
diff --git a/tests/FBTest/skin/classic/twistyClosed.svg b/tests/FBTest/skin/classic/twistyClosed.svg
diff --git a/tests/FBTest/skin/classic/twistyOpen.png b/tests/FBTest/skin/classic/twistyOpen.png
diff --git a/tests/FBTest/skin/classic/twistyOpen.svg b/tests/FBTest/skin/classic/twistyOpen.svg