From 74c8d95541439355be19bedaec376889ef7d5625 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Wed, 25 Apr 2018 22:28:42 +0900
Subject: [PATCH] fix: LazyLoading style in Lists

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

diff --git a/src/renderer/components/TimelineSpace/Contents/Lists.vue b/src/renderer/components/TimelineSpace/Contents/Lists.vue
index 441baee386..0ef386441a 100644
--- a/src/renderer/components/TimelineSpace/Contents/Lists.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Lists.vue
@@ -1,5 +1,5 @@
 <template>
-<div name="lists" id="lists">
+<div name="lists">
   <div class="unread">{{ unread.length > 0 ? unread.length : '' }}</div>
   <transition-group name="timeline" tag="div">
     <div class="list-timeline" v-for="message in timeline" v-bind:key="message.id">
@@ -110,28 +110,26 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-#lists {
-  .unread {
-    position: fixed;
-    right: 24px;
-    top: 48px;
-    background-color: rgba(0, 0, 0, 0.7);
-    color: #ffffff;
-    padding: 4px 8px;
-    border-radius: 0 0 2px 2px;
+.unread {
+  position: fixed;
+  right: 24px;
+  top: 48px;
+  background-color: rgba(0, 0, 0, 0.7);
+  color: #ffffff;
+  padding: 4px 8px;
+  border-radius: 0 0 2px 2px;
 
-    &:empty {
-      display: none;
-    }
+  &:empty {
+    display: none;
   }
+}
 
-  .loading-card {
-    height: 60px;
-  }
+.loading-card {
+  height: 60px;
+}
 
-  .loading-card:empty {
-    height: 0;
-  }
+.loading-card:empty {
+  height: 0;
 }
 </style>
 <style src="@/assets/timeline-transition.scss"></style>