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

[emmapeel at torproject.org]

commit 053a589c2939c4ce4452f08f25ab9612efc5f7de
Author: hiro <hiro at torproject.org>
Date:   Mon Apr 1 00:53:56 2019 +0200

    Test svg to png fallback
---
 .../static/fonts/open-iconic/font/css/open-iconic-bootstrap.css   | 6 ++----
 templates/navbar.html                                             | 8 +-------
 2 files changed, 3 insertions(+), 11 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 6fe02eb..7db3d07 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,10 +8,6 @@
   font-style: normal;
 }
 
-span.oi object {
-  color: white;
-}
-
 .oi {
   position: relative;
   top: 1px;
@@ -98,6 +94,8 @@ span.oi object {
 .oi-arrow-bottom:before {
   content:'\e008';
   background-image: url('/static/fonts/open-iconic/png/arrow-bottom-2x.png');
+  background-image: none,url('/static/fonts/open-iconic/svg/arrow-bottom.svg'), url('/static/fonts/open-iconic/png/arrow-bottom-2x.png');
+  background-size: 100% 100%;
 }
 
 .oi-arrow-circle-bottom:before {
diff --git a/templates/navbar.html b/templates/navbar.html
index a35db68..ef014a9 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -55,13 +55,7 @@
       {% 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 ml-2 p-1">
-              <picture>
-                <source type="image/svg+xml" srcset="{{ '/static/fonts/open-iconic/svg/arrow-bottom.svg'|asseturl }}">
-                <img src="{{ '/static/fonts/open-iconic/png/arrow-bottom-2x.png'|asseturl }}" alt="">
-              </picture>
-              
-            </span>
+            {{ _("Download Tor Browser") }}<span class="oi oi-arrow-bottom"></span>
           </a>
       </div>
   </nav>