[tor-commits] [tpo/staging] Test svg to png fallback

[emmapeel at torproject.org]

commit 53c3560007d1aa14c57d41fcacfdb9fbb0a0edc5
Author: hiro <hiro at torproject.org>
Date:   Mon Apr 1 00:29:48 2019 +0200

    Test svg to png fallback
---
 assets/static/fonts/open-iconic/font/css/open-iconic-bootstrap.css | 3 +--
 templates/navbar.html                                              | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/assets/static/fonts/open-iconic/font/css/open-iconic-bootstrap.css b/assets/static/fonts/open-iconic/font/css/open-iconic-bootstrap.css
index 716cc30..6f1711f 100644
--- a/assets/static/fonts/open-iconic/font/css/open-iconic-bootstrap.css
+++ b/assets/static/fonts/open-iconic/font/css/open-iconic-bootstrap.css
@@ -8,9 +8,8 @@
   font-style: normal;
 }
 
-span.svg-fallback svg {
+span.oi picture {
   color: white;
-  fill: currentColor;
 }
 
 .oi {
diff --git a/templates/navbar.html b/templates/navbar.html
index 9e64d23..ec34ec9 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -55,9 +55,9 @@
       {% set download = site.get('/download') %}
       <div class="pull-right">
           <a class="btn btn-outline-light pull-right" href="{{ this.url_to(download)|url(alt=this.alt) }}">
-            {{ _("Download Tor Browser") }}<span class="svg-fallback ml-2 p-1">
+            {{ _("Download Tor Browser") }}<span class="oi ml-2 p-1">
               <picture>
-                <source srcset="{{ '/static/fonts/open-iconic/svg/arrow-bottom.svg'|asseturl }}">
+                <source srcset="{{ '/static/fonts/open-iconic/svg/arrow-bottom.svg'|asseturl }}" type="image/svg+xml">
                 <img src="{{ '/static/fonts/open-iconic/png/arrow-bottom-2x.png'|asseturl }}" />
               </picture>
             </span>