fix: style of back-to-top

reuixiy · Dec 31, 2019 · e5bda3a · e5bda3a
1 parent b81d551
commit e5bda3a
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 9 deletions.
diff --git a/assets/scss/_common/back-to-top.scss b/assets/scss/_common/back-to-top.scss
@@ -1,21 +1,27 @@
 .back-to-top {
-    font-size: 90%;
-    color: var(--color-contrast-medium);
     position: fixed;
-    right: 1em;
+    right: 0;
     z-index: 1;
+    a {
+        display: block;
+        padding: 1em;
+        color: var(--color-contrast-medium);
+        &:hover {
+            color: var(--color-primary);
+        }
+    }
 }
 
 @if ($enableBackToTopAutoHide) {
     .back-to-top {
-        bottom: -2em;
+        bottom: -5em;
         transition: bottom 0.3s ease-in-out;
         &.show {
-            bottom: 1em;
+            bottom: 0;
         }
     }
 } @else {
     .back-to-top {
-        bottom: 1em;
+        bottom: 0;
     }
 }
diff --git a/...leSite/resources/_gen/assets/scss/scss/main.scss_b04c21e44835e7dcdc8cb03d103b5ef1.content b/...leSite/resources/_gen/assets/scss/scss/main.scss_b04c21e44835e7dcdc8cb03d103b5ef1.content
diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_b04c21e44835e7dcdc8cb03d103b5ef1.json b/exampleSite/resources/_gen/assets/scss/scss/main.scss_b04c21e44835e7dcdc8cb03d103b5ef1.json
@@ -1 +1 @@
-{"Target":"css/meme.min.fab06b4f1edf8acfa72af56b03bef62f13de7a260e3750467664d4b093b1126f.css","MediaType":"text/css","Data":{"Integrity":"sha256-+rBrTx7fis+nKvVrA772LxPeeiYON1BGdmTUsJOxEm8="}}
+{"Target":"css/meme.min.399b3631d811af4afc515f7a55ad88d8ff211fdfbde992e5d2cdfd21683a82e8.css","MediaType":"text/css","Data":{"Integrity":"sha256-OZs2MdgRr0r8UV96Va2I2P8hH9+96ZLl0s39IWg6gug="}}
diff --git a/layouts/partials/back-to-top.html b/layouts/partials/back-to-top.html
@@ -1,3 +1,5 @@
 {{ if or (and .IsHome .Site.Params.displayBackToTopInHome) (and (not .IsHome) .Site.Params.enableBackToTop) }}
-    <a href="#" id="back-to-top" class="back-to-top">{{ index .Site.Data.SVG .Site.Params.backToTopIcon | safeHTML }}</a>
+    <div id="back-to-top" class="back-to-top">
+        <a href="#">{{ index .Site.Data.SVG .Site.Params.backToTopIcon | safeHTML }}</a>
+    </div>
 {{ end }}