From 7f63c9bb161e1f99b9ab4f6d02d8f3051d2ab832 Mon Sep 17 00:00:00 2001
From: Juan Ferrer Toribio <juan.ferrer.toribio@gmail.com>
Date: Tue, 15 Dec 2015 17:08:24 +0100
Subject: [PATCH] El editor de imagenes ahora usa un dialogo modal

---
 web/js/htk/column/image.js | 9 ++++++---
 web/js/htk/field/image.js  | 7 +++++--
 web/js/htk/style.css       | 3 ++-
 3 files changed, 13 insertions(+), 6 deletions(-)

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