diff options
| -rw-r--r-- | app/views/sudo_mode/new.js.erb | 6 | ||||
| -rw-r--r-- | public/javascripts/application.js | 4 |
2 files changed, 7 insertions, 3 deletions
diff --git a/app/views/sudo_mode/new.js.erb b/app/views/sudo_mode/new.js.erb index 34510fa54..ed77b32b1 100644 --- a/app/views/sudo_mode/new.js.erb +++ b/app/views/sudo_mode/new.js.erb @@ -1,4 +1,4 @@ -$('#ajax-modal').html('<%= escape_javascript render partial: 'sudo_mode/new_modal' %>'); -showModal('ajax-modal', '400px'); +$("body").append($("<div>", {id: "sudo-modal"}).hide()); +$('#sudo-modal').html('<%= escape_javascript render partial: 'sudo_mode/new_modal' %>'); +showModal('sudo-modal', '400px'); $('#sudo_password').focus(); - diff --git a/public/javascripts/application.js b/public/javascripts/application.js index 0a12bc026..775ad592f 100644 --- a/public/javascripts/application.js +++ b/public/javascripts/application.js @@ -383,6 +383,8 @@ function showModal(id, width, title) { var el = $('#'+id).first(); if (el.length === 0 || el.is(':visible')) {return;} if (!title) title = el.find('h3.title').text(); + // moves existing modals behind the transparent background + $(".modal").zIndex(99); el.dialog({ width: width, modal: true, @@ -401,6 +403,8 @@ function hideModal(el) { modal = $('#ajax-modal'); } modal.dialog("close"); + // restores existing modals in front of the transparent background + $(".modal").zIndex(101); } function submitPreview(url, form, target) { |