D8CORE-7454: Move back-to-top inside the <main> element

SU-SWS · Nov 6, 2024 · 44a9c9f · 44a9c9f
1 parent 9d7fa73
commit 44a9c9f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/themes/stanford_basic/dist/css/theme.css b/themes/stanford_basic/dist/css/theme.css
diff --git a/themes/stanford_basic/src/scss/theme/_back_to_top.scss b/themes/stanford_basic/src/scss/theme/_back_to_top.scss
@@ -7,4 +7,5 @@
   right: 20px;
   text-align: center;
   border-radius: 7px;
+  z-index: 5;
 }
diff --git a/themes/stanford_basic/templates/page.html.twig b/themes/stanford_basic/templates/page.html.twig
@@ -59,6 +59,11 @@
   {%- block block_main -%}
     {{ page.content }}
   {%- endblock -%}
+
+  <button id="back-to-top">
+    <span class="fas fa-chevron-up"></span>
+    Back to Top
+  </button>
 </main>
 
 {# Footer Section #}
@@ -68,8 +73,3 @@
     {%- include template_global_footer with { modifier_class : global_footer_variant }  -%}
   </footer>
 {%- endblock -%}
-
-<button id="back-to-top">
-  <span class="fas fa-chevron-up"></span>
-  Back to Top
-</button>