Fix svg rendering for FF <= 52

greasemonkey · Jan 18, 2018 · afea6fd · afea6fd
1 parent 7f1d211
commit afea6fd
Showing 1 changed file with 2 additions and 7 deletions.
diff --git a/src/browser/monkey-menu.css b/src/browser/monkey-menu.css
@@ -102,19 +102,17 @@ section {
 }
 
 .subview-back {
-  -moz-context-properties: fill;
   box-sizing: content-box;
   color: inherit;
   display: -moz-box;
-  fill: -moz-fieldText;
   height: 16px;
   margin-right: 4px;
   padding: 8px;
   width: 16px;
 }
 
 .subview-back::before {
-  content: url(chrome://browser/skin/arrow-left.svg);
+  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="rgb(51,51,51)" d="M6.414 8l4.293-4.293a1 1 0 0 0-1.414-1.414l-5 5a1 1 0 0 0 0 1.414l5 5a1 1 0 0 0 1.414-1.414z"/></svg>');
   display: -moz-box;
 }
 
@@ -205,9 +203,6 @@ section {
 }
 
 .subview-item.next-menu::after {
-  -moz-context-properties: fill;
-  color: -moz-fieldText;
-  content: url(chrome://browser/skin/back-12.svg);
-  fill: GrayText;
+  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="rgb(111,111,111)" d="M 4.748 6 L 7.966 2.781 C 8.367 2.365 8.169 1.672 7.609 1.532 C 7.358 1.47 7.092 1.54 6.906 1.72 L 3.158 5.47 C 2.865 5.762 2.865 6.237 3.158 6.53 L 6.906 10.279 C 7.321 10.68 8.015 10.481 8.155 9.921 C 8.217 9.67 8.146 9.405 7.966 9.219 Z"/></svg>');
   transform: scaleX(-1) translateY(2px);
 }