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 959b0b6609608e0d8f30dd3265c2fd4451462701..cd0f8602464591db5f883a2c8dbb937642d2267b 100644 (file)
--- 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 d289213d1fb5ace3824566a0bfab33e8fa170c06..f85e3b56a10ab39ad342019cba5541c6b25269bd 100644 (file)
--- 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>