From dc08d8bbbc2df2eea5f31e7937c2f9aa62c239a1 Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchamp.faris@gmail.com>
Date: Sun, 15 Jul 2018 19:59:52 +0530
Subject: [PATCH] Sidebar

- Truncate Nav TItle for long text
---
 ui/components/Sidebar.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui/components/Sidebar.vue b/ui/components/Sidebar.vue
index b8bc7223..2349e950 100644
--- a/ui/components/Sidebar.vue
+++ b/ui/components/Sidebar.vue
@@ -1,10 +1,12 @@
 <template>
   <div class="frappe-sidebar col-2 bg-light border-right">
     <div class="navbar border-bottom navbar-title" @click="toggleDropdown">
-      <div class="navbar-text">
-        {{ title }}
-      </div>
-      <feather-icon class="mt-1" name="chevron-down" />
+      <span class="d-flex align-items-center justify-content-between text-truncate w-100">
+        <div class="navbar-text text-truncate">
+          {{ title }}
+        </div>
+        <feather-icon style="height: 16px" name="chevron-down" />
+      </span>
       <div :class="['dropdown-menu shadow w-100', showDropdown ? 'show' : '']">
         <a
           href="#"