diff --git a/src/gui/src/UI/UIWindowSaveAccount.js b/src/gui/src/UI/UIWindowSaveAccount.js index 01e07c568..7fb24d40c 100644 --- a/src/gui/src/UI/UIWindowSaveAccount.js +++ b/src/gui/src/UI/UIWindowSaveAccount.js @@ -29,10 +29,12 @@ async function UIWindowSaveAccount(options){ return new Promise(async (resolve) => { let h = ''; h += `
`; + h += `
×
`; + // success h += `
`; - h += ``; - h += `

${i18n('session_saved')}

`; + h += ``; + h += `

${i18n('session_saved')}

`; h += `` h+= `
`; @@ -77,7 +79,7 @@ async function UIWindowSaveAccount(options){ single_instance: true, is_dir: false, body_content: h, - has_head: true, + has_head: false, selectable_body: false, draggable_body: true, allow_context_menu: false, @@ -126,6 +128,14 @@ async function UIWindowSaveAccount(options){ // disable 'Create Account' button $(el_window).find('.signup-btn').prop('disabled', true); + // blur all inputs, blinking cursor is annoying when enter is pressed and form is submitted + $(el_window).find('.username').blur(); + $(el_window).find('.email').blur(); + $(el_window).find('.password').blur(); + + // disable form inputs + $(el_window).find('input').prop('disabled', true); + $.ajax({ url: window.api_origin + "/save_account", type: 'POST', @@ -158,12 +168,15 @@ async function UIWindowSaveAccount(options){ $(el_window).find('.save-account-form').hide(100, ()=>{ $(el_window).find('.save-account-success').show(100); }) + + $(el_window).find('input').prop('disabled', false); }, error: function (err){ $(el_window).find('.signup-error-msg').html(html_encode(err.responseText)); $(el_window).find('.signup-error-msg').fadeIn(); // re-enable 'Create Account' button $(el_window).find('.signup-btn').prop('disabled', false); + $(el_window).find('input').prop('disabled', false); } }); }) diff --git a/src/gui/src/css/style.css b/src/gui/src/css/style.css index 772024aa0..9cc26043a 100644 --- a/src/gui/src/css/style.css +++ b/src/gui/src/css/style.css @@ -2228,9 +2228,10 @@ label { display: none; padding: 30px; border-radius: 3px; - background-color: #e4f9e4; + background-color: #f2fff2; position: relative; color: green; + -webkit-font-smoothing: antialiased; } .hide-sharing-success-alert {