[dialog] don't animate

public/css/ui/common.css

@@ -430,6 +430,10 @@ textarea[data-fieldtype="Small Text"] {
 	}
 }
 
+.modal-backdrop {
+  opacity: 0.5;
+}
+
 /* buttons */
 .btn-default {
   color: #ffffff;

public/js/wn/ui/dialog.js

@@ -34,7 +34,7 @@ wn.ui.Dialog = wn.ui.FieldGroup.extend({
 		this.make();
 	},
 	make: function() {		
-		this.$wrapper = $('<div class="modal fade" style="overflow: auto;">\
+		this.$wrapper = $('<div class="modal" style="overflow: auto;">\
 			<div class="modal-dialog">\
 				<div class="modal-content">\
 					<div class="modal-header">\

public/js/wn/views/container.js

@@ -47,6 +47,11 @@ wn.views.Container = Class.extend({
 			return;
 		}
 		
+		// hide dialog
+		if(cur_dialog && cur_dialog.display) {
+			cur_dialog.hide();
+		}
+		
 		// hide current
 		if(this.page && this.page != page) {
 			$(this.page).toggle(false);