Tweak positioning of back to top on desktop

pradyunsg · Mar 26, 2022 · 8d3ebc9 · 8d3ebc9
1 parent d396718
commit 8d3ebc9
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/furo/assets/styles/_scaffold.sass b/src/furo/assets/styles/_scaffold.sass
@@ -292,7 +292,7 @@ article
   display: none
   position: fixed
   left: 0
-  top: calc(var(--header-height) + 0.5rem)
+  top: 1rem
   padding: 0.5rem
   padding-right: 0.75rem
   border-radius: 1rem
@@ -301,14 +301,14 @@ article
   background: var(--color-background-primary)
   box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.05), #6b728080 0px 0px 1px 0px
 
-  z-index: 1
+  z-index: 10
 
   margin-left: 50%
   transform: translateX(-50%)
   svg
     height: 1rem
     width: 1rem
-    fill: var(--color-foreground-primary)
+    fill: currentColor
     display: inline-block
 
   span
@@ -385,6 +385,10 @@ article
   :target
     scroll-margin-top: var(--header-height)
 
+  // Show back-to-top below the header
+  .back-to-top
+    top: calc(var(--header-height) + 0.5rem)
+
   // Center the page, and accommodate for the header.
   .page
     flex-direction: column