Fix tooltip positioning on gantt chart and agile board

Resolves #101, #102

README.md

@@ -56,6 +56,10 @@ If you need to customize styles for [Redmine Backlogs][redmine_backlogs] remembe
 
 ## Changelog
 
+Latest changes (master):
+
+* Fixed #101, #102: tooltip positioning
+
 v2.1.1 (2019-03-23):
 
 * Fixed sidebar toggler style when fixed layout is enabled

src/sass/components/_gantt.scss

@@ -137,17 +137,16 @@
   &:hover {
     z-index: 25;
 
-    .tip {
+    span.tip {
       display: block;
     }
   }
 
-  .tip {
+  span.tip {
     @include nice-shadow(3);
     display: none;
     position: absolute;
-    top: 9px;
+    top: 12px;
-    left: 24px;
     width: 270px;
     padding: $padding-base-vertical;
     border: $tooltip-border-width solid $tooltip-border;
@@ -158,9 +157,9 @@
   }
 
   @if $sidebar-position == "left" {
-    tr > td:last-child & {
+    .list & {
-      .tip {
+      span.tip {
-        right: 2px;
+        right: 0;
         left: auto;
       }
     }

src/sass/components/_list.scss

@@ -25,6 +25,7 @@ table.list {
     padding: $table-cell-padding;
     border: 2px solid $table-border-color;
     border-width: $table-list-header-border;
+    background-color: $body-bg;
     color: $gray-700;
     vertical-align: bottom;