From: Maxime Bourget <bmx007@gmail.com>
Date: Tue, 7 May 2013 12:38:41 +0000 (+0100)
Subject: Fix tooltips not readable on small screen
X-Git-Url: https://delta.frontaccounting.com/gitweb/?a=commitdiff_plain;h=68bcfcee0be5037bc0152d5daaeba3ce402ab471;p=order_line_extra.git

Fix tooltips not readable on small screen

because part out of the screen.
---

diff --git a/includes/order_lines.inc b/includes/order_lines.inc
index 959b0b6..cd0f860 100644
--- a/includes/order_lines.inc
+++ b/includes/order_lines.inc
@@ -95,7 +95,7 @@ function aggregate_comment($row) {
 			return $first;
 		else {
 			$tooltip = implode('<br>', $comments);
-			return "$first <span class='before-tooltip'>more</span><span class='tooltip'>&nbsp$tooltip</span>";
+			return "$first <span class='before-tooltip'>more<span class='tooltip'>&nbsp$tooltip</span><span>";
 		}
 	}
 	return '';
diff --git a/order_lines_view.php b/order_lines_view.php
index d289213..f85e3b5 100644
--- a/order_lines_view.php
+++ b/order_lines_view.php
@@ -111,18 +111,21 @@ submit_center_last('Cancel', _("Cancel"), true, '', 'cancel', true);
 span.tooltip{ display:none;}
 span.tooltip {
       position: absolute;
+			right: -0px;
+			top: 20px;
       width: 200px;
       color: rgb(113, 157, 171);
       background: rgb(255, 255, 255);
       border: 1px solid rgb(113, 157, 171);
 }
 
-:hover + span.tooltip, span.tooltip:hover {
+:hover > span.tooltip, span.tooltip:hover {
 	display: inline;
 }
 span.before-tooltip {
 	color: #800;
 	font-style: italic;
+	position: relative;
 }
 
 </style>