Use flexbox for crop editor box sizing.

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

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);

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();
} }