tooltip feature is added to widgets

This commit is contained in:
Sevan Nerse 2020-07-11 13:00:15 +03:00
parent 14f8ae464d
commit b341d68c0d
3 changed files with 27 additions and 3 deletions

View File

@ -3,7 +3,15 @@
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-10 text-nowrap"> <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>
<div class="col-2 hidden-sm"> <div class="col-2 hidden-sm">

View File

@ -17,7 +17,15 @@
@foreach($transactions as $item) @foreach($transactions as $item)
<tr class="row border-top-1 tr-py"> <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">@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> <td class="col-xs-4 col-md-4 text-right">@money($item->amount, $item->currency_code, true)</td>
</tr> </tr>
@endforeach @endforeach

View File

@ -17,7 +17,15 @@
@foreach($transactions as $item) @foreach($transactions as $item)
<tr class="row border-top-1 tr-py"> <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">@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> <td class="col-xs-4 col-md-4 text-right">@money($item->amount, $item->currency_code, true)</td>
</tr> </tr>
@endforeach @endforeach