Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-07-01 00:38:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

adjusted cropbox max-height calculation to be dynamic

Browse Source
This commit is contained in:
Julian Lam
2017-05-24 14:50:22 -04:00
parent 3e218a75b8
commit 74965654de
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/less/generics.less
View File

@@ -145,8 +145,7 @@
#crop-picture-modal {
#cropped-image {
max-width: 50%;
max-height: 350px;
max-width: 100%;
}
.cropper-container.cropper-bg {

4
public/src/modules/pictureCropper.js
View File

@@ -41,7 +41,11 @@ define('pictureCropper', ['translator', 'cropper'], function (translator, croppe
backdrop: 'static',
}).modal('show');
// Set cropper image max-height based on viewport
var cropBoxHeight = parseInt($(window).height() / 2, 10);
var img = document.getElementById('cropped-image');
$(img).css('max-height', cropBoxHeight);
var cropperTool = new cropper.default(img, {
aspectRatio: data.aspectRatio,
autoCropArea: 1,