reference GitHub logo in navbar using img tag instead of svg+use

mojavelinux · mojavelinux · commit 0301fd354b7e · 2021-01-04T02:27:54.000-07:00
diff --git a/src/css/header.css b/src/css/header.css
@@ -215,6 +215,7 @@ body {
   display: block;
 }
 
+.navbar-item .icon img,
 .navbar-item .icon svg {
   fill: currentColor;
   width: inherit;
diff --git a/src/img/octicons-16.svg b/src/img/octicons-16.svg
@@ -105,6 +105,9 @@
   <use href="#icon-mark-github" width="16" height="16" x="0" y="112" />
   <view id="view-mark-github" viewBox="0 112 16 16" />
 
+  <use href="#icon-mark-github" width="16" height="16" x="16" y="112" fill="#fff" />
+  <view id="view-mark-github-w" viewBox="16 112 16 16" />
+
   <use href="#icon-stop" width="16" height="16" x="0" y="128" />
   <view id="view-stop" viewBox="0 128 16 16" />
 
diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs
@@ -88,9 +88,7 @@
         </div>
         --}}
         <a class="navbar-item" href="https://github.com/asciidoctor" target="_blank" rel="noopener">
-          <span class="icon">
-            <svg xmlns="http://www.w3.org/2000/svg"><use href="{{{uiRootPath}}}/img/octicons-16.svg#icon-mark-github"></use></svg>
-          </span>
+          <span class="icon"><img src="{{{uiRootPath}}}/img/octicons-16.svg#view-mark-github-w"></span>
         </a>
       </div>
     </div>
