Merge pull request #38 from azorpax/Add-title-attribute-when-ellipsis

Title attribute when ellipsis

Author: jeremykenedy

src/resources/views/logger/partials/activity-table.blade.php

@@ -130,7 +130,7 @@
                             {{ $activity->methodType }}
                         </span>
                     </td>
-                    <td class="ellipsis">
+                    <td>
                         @if($hoverable)
                             {{ showCleanRoutUrl($activity->route) }}
                         @else

src/resources/views/partials/scripts.blade.php

@@ -15,4 +15,6 @@
     @if (count($activities) > 10)
         @include('LaravelLogger::scripts.datatables')
     @endif
-@endif
+@endif
+
+@include('LaravelLogger::scripts.add-title-attribute')

src/resources/views/partials/styles.blade.php

@@ -20,8 +20,8 @@
         border: none;
     }
 
-    table > tbody td.ellipsis {
-        max-width: 350px;
+    div.activity-table table > tbody > tr > td {
+        max-width: 300px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;

src/resources/views/scripts/add-title-attribute.blade.php

@@ -0,0 +1,8 @@
+<script type="text/javascript">
+  $(document).on('mouseenter', "div.activity-table table > tbody > tr > td ", function () {
+    var $this = $(this);
+    if (this.offsetWidth < this.scrollWidth && !$this.attr('title')) {
+      $this.attr('title', $this.text());
+    }
+  });
+</script>