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 {