Joost/pics
1
0
Fork 0
forked from Public/pics
Code Issues Pull Requests Projects Releases Wiki Activity

Use flexbox for crop editor box sizing.

Browse Source
This commit is contained in:
Aaron van Geffen 2020-11-23 12:35:20 +01:00
parent 2c68b6a798
commit d4cc72304e
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/css/admin.css
View File

@ -145,6 +145,8 @@ body {
/* Crop editor /* Crop editor
----------------*/ ----------------*/
#crop_editor { #crop_editor {
display: flex;
flex-direction: column;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -161,6 +163,7 @@ body {
} }
.crop_image_container { .crop_image_container {
position: relative; position: relative;
flex-grow: 1;
} }
.crop_position { .crop_position {
background: rgba(0, 0, 0, 1.0); background: rgba(0, 0, 0, 1.0);

2
public/js/crop_editor.js
View File

@ -131,7 +131,7 @@ class CropEditor {
} }
showContainer() { showContainer() {
this.container.style.display = "block"; this.container.style.display = '';
this.setInputValues(); this.setInputValues();
this.positionBoundary(); this.positionBoundary();
} }