[tor-commits] [tpo/staging] Another test for svg fallback

[emmapeel at torproject.org]

commit 4f74745f61761aa25a9fc9ed58646e1f6d44df37
Author: hiro <hiro at torproject.org>
Date:   Mon Apr 1 00:26:58 2019 +0200

    Another test for svg fallback
---
 templates/navbar.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/templates/navbar.html b/templates/navbar.html
index d7cf7e9..9e64d23 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -55,9 +55,12 @@
       {% 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"><svg  width="16" height="16">
-              <image xlink:href="/static/fonts/open-iconic/svg/arrow-bottom.svg" src="/static/fonts/open-iconic/png/arrow-bottom-2x.png" width="16" height="16" />
-            </svg></span>
+            {{ _("Download Tor Browser") }}<span class="svg-fallback ml-2 p-1">
+              <picture>
+                <source srcset="{{ '/static/fonts/open-iconic/svg/arrow-bottom.svg'|asseturl }}">
+                <img src="{{ '/static/fonts/open-iconic/png/arrow-bottom-2x.png'|asseturl }}" />
+              </picture>
+            </span>
           </a>
       </div>
   </nav>