From b341d68c0dea5adc8d7f9b2939027cbc1f1d6b4c Mon Sep 17 00:00:00 2001
From: Sevan Nerse <nerse.sevan@gmail.com>
Date: Sat, 11 Jul 2020 13:00:15 +0300
Subject: [PATCH] tooltip feature is added to widgets

---
 .../views/partials/widgets/standard_header.blade.php   | 10 +++++++++-
 resources/views/widgets/latest_expenses.blade.php      | 10 +++++++++-
 resources/views/widgets/latest_income.blade.php        | 10 +++++++++-
 3 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/resources/views/partials/widgets/standard_header.blade.php b/resources/views/partials/widgets/standard_header.blade.php
index 986728f56..9285156f1 100644
--- a/resources/views/partials/widgets/standard_header.blade.php
+++ b/resources/views/partials/widgets/standard_header.blade.php
@@ -3,7 +3,15 @@
     <div class="row align-items-center">
 
         <div class="col-10 text-nowrap">
-            <h4 class="mb-0 long-texts">{{ $class->model->name }}</h4>
+            <h4 class="mb-0 long-texts">
+                <el-tooltip
+                content="{{ $class->model->name }}"
+                effect="dark"
+                :open-delay="100"
+                placement="top">
+                    <span>{{ $class->model->name }}</span>
+                </el-tooltip>            
+            </h4>
         </div>
 
         <div class="col-2 hidden-sm">
diff --git a/resources/views/widgets/latest_expenses.blade.php b/resources/views/widgets/latest_expenses.blade.php
index a9f0e619c..8a48070bb 100644
--- a/resources/views/widgets/latest_expenses.blade.php
+++ b/resources/views/widgets/latest_expenses.blade.php
@@ -17,7 +17,15 @@
                         @foreach($transactions as $item)
                             <tr class="row border-top-1 tr-py">
                                 <td class="col-xs-4 col-md-4 text-left">@date($item->paid_at)</td>
-                                <td class="col-xs-4 col-md-4 text-left long-texts">{{ $item->category->name }}</td>
+                                <td class="col-xs-4 col-md-4 text-left long-texts">
+                                    <el-tooltip
+                                    content="{{ $item->category->name }}"
+                                    effect="dark"
+                                    :open-delay="100"
+                                    placement="top">
+                                        <span>{{ $item->category->name }}</span>
+                                    </el-tooltip>
+                                </td>
                                 <td class="col-xs-4 col-md-4 text-right">@money($item->amount, $item->currency_code, true)</td>
                             </tr>
                         @endforeach
diff --git a/resources/views/widgets/latest_income.blade.php b/resources/views/widgets/latest_income.blade.php
index a9f0e619c..8a48070bb 100644
--- a/resources/views/widgets/latest_income.blade.php
+++ b/resources/views/widgets/latest_income.blade.php
@@ -17,7 +17,15 @@
                         @foreach($transactions as $item)
                             <tr class="row border-top-1 tr-py">
                                 <td class="col-xs-4 col-md-4 text-left">@date($item->paid_at)</td>
-                                <td class="col-xs-4 col-md-4 text-left long-texts">{{ $item->category->name }}</td>
+                                <td class="col-xs-4 col-md-4 text-left long-texts">
+                                    <el-tooltip
+                                    content="{{ $item->category->name }}"
+                                    effect="dark"
+                                    :open-delay="100"
+                                    placement="top">
+                                        <span>{{ $item->category->name }}</span>
+                                    </el-tooltip>
+                                </td>
                                 <td class="col-xs-4 col-md-4 text-right">@money($item->amount, $item->currency_code, true)</td>
                             </tr>
                         @endforeach