Correctly select only Furo's own svg in related pages nav

This ensures that we don't flip other svgs injected into the page.
pradyunsg · Jul 22, 2022 · 8eba649 · 8eba649
1 parent 8f7d63a
commit 8eba649
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/furo/assets/styles/components/_footer.sass b/src/furo/assets/styles/components/_footer.sass
@@ -64,8 +64,8 @@ footer
       color: var(--color-link)
       text-decoration-color: var(--color-link-underline)
 
-    svg,
-    svg > use
+    svg.furo-related-icon,
+    svg.furo-related-icon > use
       flex-shrink: 0
 
       color: var(--color-foreground-border)

diff --git a/src/furo/theme/furo/page.html b/src/furo/theme/furo/page.html
@@ -102,12 +102,12 @@
                 </div>
                 <div class="title">{{ next.title }}</div>
               </div>
-              <svg><use href="#svg-arrow-right"></use></svg>
+              <svg class="furo-related-icon"><use href="#svg-arrow-right"></use></svg>
             </a>
           {%- endif %}
           {% if prev -%}
             <a class="prev-page" href="{{ prev.link }}">
-              <svg><use href="#svg-arrow-right"></use></svg>
+              <svg class="furo-related-icon"><use href="#svg-arrow-right"></use></svg>
               <div class="page-info">
                 <div class="context">
                   <span>{{ _("Previous") }}</span>