From 63a168573a4729772febc9f5134060ca4bf9228b Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Thu, 2 Mar 2017 11:55:09 +0100
Subject: [PATCH] * Preferences: Fix hints are not visible for tabs with
 scrollbar

---
 preferences/templates/default/app.css   |  6 ++----
 preferences/templates/pixelegg/app.css  | 11 ++++-------
 preferences/templates/pixelegg/app.less |  5 ++---
 3 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/preferences/templates/default/app.css b/preferences/templates/default/app.css
index 1112f3b07a..8f0a3affa4 100644
--- a/preferences/templates/default/app.css
+++ b/preferences/templates/default/app.css
@@ -10,7 +10,6 @@
 
 table.prefTable {
 	width: 100%;
-	position: relative;
 }
 table.prefTable tbody tr.prefRow:first-child > .prefHelpColumn {
 	background-image:url(../../../api/templates/default/images/hint.png);
@@ -35,11 +34,10 @@ tr.prefRow > td {
     display: none;
     width: 255px;
     max-height: 99%;
-    height: 98%;
+    height: calc(99% - 150px);
     background-color: #f0f0ff;
     padding: 5px;
-    margin-top: -4px;
-    top: 0;
+    top: 80px;
 	overflow-y: auto;
     z-index: 1;
 }
diff --git a/preferences/templates/pixelegg/app.css b/preferences/templates/pixelegg/app.css
index ea4dfc9786..c8e8856ae8 100755
--- a/preferences/templates/pixelegg/app.css
+++ b/preferences/templates/pixelegg/app.css
@@ -22,7 +22,6 @@
  */
 table.prefTable {
   width: 100%;
-  position: relative;
 }
 table.prefTable tbody tr.prefRow:first-child > .prefHelpColumn {
   background-image: url(../../../api/templates/default/images/hint.png);
@@ -50,11 +49,10 @@ tr.prefRow > td {
   display: none;
   width: 255px;
   max-height: 99%;
-  height: 98%;
+  height: calc(-51%);
   background-color: #f0f0ff;
   padding: 5px;
-  margin-top: -4px;
-  top: 0;
+  top: 80px;
   overflow-y: auto;
   z-index: 1;
 }
@@ -138,10 +136,9 @@ tr.prefRow > td {
   display: none;
   width: 250px;
   max-height: 99%;
-  height: 97%;
+  height: calc(97% - 150px);
   padding: 5px;
-  margin-top: -4px;
-  top: 0;
+  top: 100px;
   z-index: 1;
   border: 2px solid dimgrey;
   border-radius: 5px;
diff --git a/preferences/templates/pixelegg/app.less b/preferences/templates/pixelegg/app.less
index baece7904e..1c2e9ce762 100755
--- a/preferences/templates/pixelegg/app.less
+++ b/preferences/templates/pixelegg/app.less
@@ -56,10 +56,9 @@ tr.prefRow > td {
     display: none;
     width: 250px;
     max-height: 99%;
-    height: 97%;
+    height: ~"calc(97% - 150px)";
     padding: 5px;
-    margin-top: -4px;
-    top: 0;
+    top: 100px;
 	z-index: 1;
 	border: 2px solid dimgrey;
     border-radius: 5px;