Improved size and position of back to top button to avoid overlapping…

… with buttons, etc. This should fix issue #737
Part-DB · Nov 3, 2024 · 2575e6a · 2575e6a
1 parent 484ba5e
commit 2575e6a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/assets/css/app/layout.css b/assets/css/app/layout.css
@@ -108,8 +108,8 @@ body {
 .back-to-top {
     cursor: pointer;
     position: fixed;
-    bottom: 20px;
-    right: 20px;
+    bottom: 60px;
+    right: 40px;
     display:none;
     z-index: 1030;
 }

diff --git a/templates/base.html.twig b/templates/base.html.twig
@@ -111,7 +111,7 @@
     {# Back to top buton #}
 
     <!-- Back to top button -->
-    <button id="back-to-top" class="btn btn-primary back-to-top" role="button" title="{% trans %}back_to_top{% endtrans %}"
+    <button id="back-to-top" class="btn btn-primary back-to-top btn-sm" role="button" title="{% trans %}back_to_top{% endtrans %}"
             {{ stimulus_controller('common/back_to_top') }} {{ stimulus_action('common/back_to_top', 'backToTop') }}>
         <i class="fas fa-angle-up fa-fw"></i>
     </button>