FIX Tooltip using dialog are kept into visible screen

This commit is contained in:
Laurent Destailleur 2017-10-13 11:08:30 +02:00
parent 0ac33d46c2
commit ec54621b62
3 changed files with 10 additions and 3 deletions

View File

@ -115,7 +115,7 @@ DeliveryReceipt=Delivery Ack.
YouCanUseCommaSeparatorForSeveralRecipients=You can use the <b>comma</b> separator to specify several recipients.
TagCheckMail=Track mail opening
TagUnsubscribe=Unsubscribe link
TagSignature=Signature sending user
TagSignature=Signature of sending user
EMailRecipient=Recipient EMail
TagMailtoEmail=Recipient EMail (including html "mailto:" link)
NoEmailSentBadSenderOrRecipientEmail=No email sent. Bad sender or recipient email. Verify user profile.

View File

@ -1971,13 +1971,14 @@ if (! function_exists("llxFooter"))
print '<script type="text/javascript">
jQuery(document).ready(function () {
jQuery(".classfortooltip").tipTip({maxWidth: "'.dol_size(($conf->browser->layout == 'phone' ? 400 : 700),'width').'px", edgeOffset: 10, delay: 50, fadeIn: 50, fadeOut: 50});
jQuery(".classfortooltiponclicktext").dialog({ width: '.($conf->browser->layout == 'phone' ? 400 : 700).', autoOpen: false });
jQuery(".classfortooltiponclicktext").dialog({ closeOnEscape: true, classes: { "ui-dialog": "highlight" }, height: window.innerHeight-60, width: '.($conf->browser->layout == 'phone' ? 400 : 700).', autoOpen: false }).css("z-index: 5000");
jQuery(".classfortooltiponclick").click(function () {
console.log("We click on tooltip for element with dolid="+$(this).attr(\'dolid\'));
if ($(this).attr(\'dolid\'))
{
obj=$("#idfortooltiponclick_"+$(this).attr(\'dolid\'));
obj=$("#idfortooltiponclick_"+$(this).attr(\'dolid\')); /* obj is a div component */
obj.dialog("open");
}
});
});

View File

@ -3259,6 +3259,12 @@ table.valid {
/* Tooltips */
/* ============================================================================== */
/* For tooltip using dialog */
.ui-dialog.highlight.ui-widget.ui-widget-content.ui-front {
z-index: 3000;
}
/* For tooltip using tipTip */
#tooltip {
position: absolute;
width: <?php print dol_size(450,'width'); ?>px;