From 5f6b26cedd7a1aa0dd81366f91a640d3b49d7ae4 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Thu, 19 Jul 2018 22:05:21 +0900
Subject: [PATCH] refs #441 Add scroll top button in list

---
 .../TimelineSpace/Contents/Lists/Show.vue       | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/renderer/components/TimelineSpace/Contents/Lists/Show.vue b/src/renderer/components/TimelineSpace/Contents/Lists/Show.vue
index 50f48c76..a97b5835 100644
--- a/src/renderer/components/TimelineSpace/Contents/Lists/Show.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Lists/Show.vue
@@ -9,12 +9,17 @@
     </div>
   </transition-group>
   <div class="loading-card" v-loading="lazyLoading" :element-loading-background="backgroundColor"></div>
+  <div class="upper" v-show="!heading">
+    <el-button type="primary" icon="el-icon-arrow-up" @click="upper" circle>
+    </el-button>
+  </div>
 </div>
 </template>
 
 <script>
 import { mapState } from 'vuex'
 import Toot from '../Cards/Toot'
+import scrollTop from '../../../utils/scroll'
 
 export default {
   name: 'list',
@@ -147,6 +152,12 @@ export default {
       } finally {
         this.$store.commit('TimelineSpace/changeLoading', false)
       }
+    },
+    upper () {
+      scrollTop(
+        document.getElementById('scrollable'),
+        0
+      )
     }
   }
 }
@@ -174,5 +185,11 @@ export default {
 .loading-card:empty {
   height: 0;
 }
+
+.upper {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+}
 </style>
 <style src="@/assets/timeline-transition.scss"></style>