commit a0d5b327a08f62e36118fb103f5b767472d899ee Author: hiro hiro@torproject.org 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>