Merge pull request mrliptontea#104 from mrliptontea/resolve-tooltip-p…

…ositioning-issues

Resolve tooltip positioning issues

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/_base.scss

@@ -106,6 +106,10 @@ table {
   td {
     padding: $table-condensed-cell-padding $table-cell-padding;
   }
+
+  p {
+    margin: 0;
+  }
 }
 
 ul,

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;
-    left: 24px;
+    top: 12px;
     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 & {
-      .tip {
-        right: 2px;
+    .list & {
+      span.tip {
+        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;