From 8819545dc7c2b114f22c12ee47164cec999903fa Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Sun, 29 Sep 2019 15:02:53 +0900
Subject: [PATCH] refs #1046 Add ellipsis on resize knob

---
 src/renderer/components/TimelineSpace/Contents.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/TimelineSpace/Contents.vue b/src/renderer/components/TimelineSpace/Contents.vue
index 71d02fd6..2d940354 100644
--- a/src/renderer/components/TimelineSpace/Contents.vue
+++ b/src/renderer/components/TimelineSpace/Contents.vue
@@ -15,7 +15,9 @@
         <div>
           <div id="resizer">
             <div class="border"></div>
-            <div class="knob" @mousedown="dragStart"></div>
+            <div class="knob" @mousedown="dragStart">
+              <icon name="ellipsis-v" class="icon"></icon>
+            </div>
           </div>
           <side-bar id="side_bar" :overlaid="modalOpened"></side-bar>
         </div>
@@ -116,6 +118,14 @@ export default {
       z-index: 1000;
       border-radius: 0 8px 8px 0;
       cursor: col-resize;
+      text-align: center;
+      vertical-align: middle;
+      line-height: 72px;
+
+      .icon {
+        display: inline-block;
+        color: var(--theme-secondary-color);
+      }
     }
   }