diff --git a/web/js/htk/column/image.js b/web/js/htk/column/image.js index 934db4c4..3b97e170 100755 --- a/web/js/htk/column/image.js +++ b/web/js/htk/column/image.js @@ -158,9 +158,12 @@ Htk.ColumnImage = new Class this.editorClosedHandler = this._onEditorClose.bind (this); editor.on ('closed', this.editorClosedHandler); - - this.popup = new Htk.Popup (); - this.popup.setChild (editor); + + this.popup = new Htk.Popup + ({ + modal: true, + child: editor + }); this.popup.show (cell.img); } diff --git a/web/js/htk/field/image.js b/web/js/htk/field/image.js index 72742786..e2832b93 100755 --- a/web/js/htk/field/image.js +++ b/web/js/htk/field/image.js @@ -191,8 +191,11 @@ Htk.Image = new Class editor.on ('file-uploaded', this._onFileUpload, this); editor.on ('closed', this._onEditorClose, this); - this.popup = new Htk.Popup (); - this.popup.setChild (editor); + this.popup = new Htk.Popup + ({ + modal: true, + child: editor + }); this.popup.show (this.node); } diff --git a/web/js/htk/style.css b/web/js/htk/style.css index 5da8cf9a..52e2423d 100755 --- a/web/js/htk/style.css +++ b/web/js/htk/style.css @@ -359,8 +359,9 @@ td.cell-image img z-index: 200; display: block; position: fixed; + overflow: hidden; background-color: white; - border-radius: 0.1em; + border-radius: 0.15em; box-shadow: 0 0 0.4em rgba(1, 1, 1, 0.6); box-sizing: content-box; }