docs: Improve footer button design (#31634)

Just touching up these a little bit. I think including the page
destination as a label here is a good move!

Release Notes:

- N/A
This commit is contained in:
Danilo Leal
2025-05-28 19:16:40 -03:00
committed by GitHub
parent 0791596cda
commit a1c645e57e
3 changed files with 43 additions and 35 deletions
+14 -17
View File
@@ -199,24 +199,21 @@
</nav>
</div>
{{{ content }}}
<div class="footer-buttons">
{{#previous}}
<a rel="prev" href="{{ path_to_root }}{{link}}" class="footer-button" title="{{title}}">
<i class="fa fa-angle-left"></i>
{{title}}
</a>
{{/previous}}
{{#next}}
<a rel="next" href="{{ path_to_root }}{{link}}" class="footer-button" title="{{title}}">
{{title}}
<i class="fa fa-angle-right"></i>
</a>
{{/next}}
</div>
</main>
<!-- Navigation arrows -->
<div class="nav-wrapper">
<div class="nav-buttons">
{{#previous}}
<a rel="prev" href="{{ path_to_root }}{{link}}" class="nav-button" title="{{title}}" aria-label="Previous chapter">
<i class="fa fa-angle-left"></i>
</a>
{{/previous}}
{{#next}}
<a rel="next" href="{{ path_to_root }}{{link}}" class="nav-button" title="{{title}}" aria-label="Next chapter">
<i class="fa fa-angle-right"></i>
</a>
{{/next}}
</div>
</div>
</div>
</div>
</div>