Better sizing of image popups

diff --git a/js/Common.js b/js/Common.js
index 947c43cd53f90e38519ee4551b54496206d9b93f..ff3ddbe987524e8f32e0495287aa53ed2cc3c47d 100644 (file)
--- a/js/Common.js
+++ b/js/Common.js
@@ -1269,6 +1269,9 @@ CRM.strings = CRM.strings || {};
         CRM.confirm({
           title: ts('Preview'),
           resizable: true,
+          // Prevent overlap with the menubar
+          maxHeight: $(window).height() - 30,
+          position: {my: 'center', at: 'center center+15', of: window},
           message: '<div class="crm-custom-image-popup"><img style="max-width: 100%" src="' + $(this).attr('href') + '"></div>',
           options: null
         });