use smaller cropper on small screens

Signed-off-by: Robin Appelman <robin@icewind.nl>

diff --git a/settings/js/personal.js b/settings/js/personal.js
index 34fffe7dddebdc92f3f3dd1215f73d2624783c7c..ae23782443caa5e3dd7ceec2668b81a8b09f800e 100644 (file)
--- a/settings/js/personal.js
+++ b/settings/js/personal.js
@@ -148,8 +148,8 @@ function showAvatarCropper () {
                        onChange: saveCoords,
                        onSelect: saveCoords,
                        aspectRatio: 1,
-                       boxHeight: 500,
-                       boxWidth: 500,
+                       boxHeight: Math.min(500, $('#app-content').height() -100),
+                       boxWidth: Math.min(500, $('#app-content').width()),
                        setSelect: [offsetX, offsetY, selectSize, selectSize]
                }, function() {
                        $cropper.show();