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

[emmapeel@xxxxxxxxxxxxxx]

commit a0d5b327a08f62e36118fb103f5b767472d899ee
Author: hiro <hiro@xxxxxxxxxxxxxx>
Date:   Mon Apr 1 00:15:59 2019 +0200

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

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 bd74bb4..716cc30 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,6 +8,11 @@
   font-style: normal;
 }
 
+span.svg-fallback svg {
+  color: white;
+  fill: currentColor;
+}
+
 .oi {
   position: relative;
   top: 1px;
diff --git a/templates/navbar.html b/templates/navbar.html
index 8c6a286..d7cf7e9 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -55,7 +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="oi oi-arrow-bottom ml-2 p-1" title="icon arrow-bottom" aria-hidden="true"></span>
+            {{ _("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>
           </a>
       </div>
   </nav>



_______________________________________________
tor-commits mailing list
tor-commits@xxxxxxxxxxxxxxxxxxxx
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-commits