Add back to top link in documentation

django · Jun 1, 2023 · 7b8b448 · 7b8b448
1 parent d27708d
commit 7b8b448
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss
@@ -2380,7 +2380,8 @@ dt {
 
 #doc-versions,
 #doc-languages,
-#faq-link {
+#faq-link,
+#backtotop-link {
     margin: 0;
     padding-top: 0.25em;
     padding-bottom: 0.25em;
@@ -2431,6 +2432,11 @@ dt {
                 border: 1px solid $green-light;
             }
         }
+
+		a.icon-chevron-up-align {
+			// Should be removed when icon-chevron-up image have the same black space on both sides.
+			padding-right: 11px;
+		}
     }
 
     &:hover {

diff --git a/docs/templates/docs/doc.html b/docs/templates/docs/doc.html
@@ -106,6 +106,11 @@
        </span>
     </li>
   </ul>
+  <ul id="backtotop-link">
+    <li class="current-link">
+      <a href="#top" aria-label="Back to top" class="icon-chevron-up-align"><i class="icon icon-chevron-up"></i></a>
+    </li>
+  </ul>
 </div>
 
 {% block body %}