feat: add new config param displayBackToTopOnMobile

updates #280
reuixiy · Dec 16, 2020 · 9d7ce99 · 9d7ce99
1 parent e927542
commit 9d7ce99
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 2 deletions.
diff --git a/assets/scss/base/_responsive.scss b/assets/scss/base/_responsive.scss
@@ -7,8 +7,10 @@
         transform: none;
         float: right;
     }
-    #back-to-top {
-        display: none;
+    @if (not $displayBackToTopOnMobile) {
+        #back-to-top {
+            display: none;
+        }
     }
     @if ($headerLayoutFlex) {
         .header-inner {

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -35,6 +35,12 @@
     $enableNavToggle: false;
 {{ end }}
 
+{{ if .Site.Params.displayBackToTopOnMobile }}
+    $displayBackToTopOnMobile: true;
+{{ else }}
+    $displayBackToTopOnMobile: false;
+{{ end }}
+
 {{ if .Site.Params.enableOverflowY }}
     $enableOverflowY: true;
 {{ else }}

diff --git a/config-examples/en/config.toml b/config-examples/en/config.toml
@@ -1195,6 +1195,8 @@ uglyURLs = false
 
     displayBackToTopInHome = true
 
+    displayBackToTopOnMobile = false
+
     backToTopIcon = "arrow-up"
 
 

diff --git a/config-examples/zh-cn/config.toml b/config-examples/zh-cn/config.toml
@@ -1156,6 +1156,9 @@ uglyURLs = false
     # 是否在首页显示
     displayBackToTopInHome = true
 
+    # 是否在移动端显示
+    displayBackToTopOnMobile = false
+
     # 按钮图标
     backToTopIcon = "arrow-up"
 

diff --git a/config-examples/zh-tw/config.toml b/config-examples/zh-tw/config.toml
@@ -1156,6 +1156,9 @@ uglyURLs = false
     # 是否在首頁顯示
     displayBackToTopInHome = true
 
+    # 是否在移動端顯示
+    displayBackToTopOnMobile = false
+
     # 按鈕圖示
     backToTopIcon = "arrow-up"