Resolve "Don't show Delete account window if the user has not enetered a password"

changes/changelog.d/1591.bugfix

@@ -0,0 +1 @@
+Fixed delete account button is not disalbed when missing password (#1591)

front/src/components/auth/Settings.vue

@@ -328,7 +328,7 @@
             <password-input field-id="current-password-field" required v-model="password" />
           </div>
           <dangerous-button
-            :class="['ui', {'loading': isDeletingAccount}, {disabled: !password}, 'danger', 'button']"
+            :class="['ui', {'loading': isDeletingAccount}, {disabled: !password}, {danger: password}, 'button']"
             :action="deleteAccount">
             <translate translate-context="*/*/Button.Label">Delete my account…</translate>
             <p slot="modal-header"><translate translate-context="Popup/Settings/Title">Do you want to delete your account?</translate></p>

front/src/style/components/_button.scss

@@ -92,10 +92,18 @@ button.reset {
   margin-right: 0;
 }
 
-
 .ui.inverted.buttons .button:hover,
 .ui.inverted.button:hover,
 .ui.inverted.buttons .button:focus,
 .ui.inverted.button:focus {
   color: white;
 }
+
+.ui.button:disabled, .ui.buttons .disabled.button:not(.basic), .ui.disabled.active.button, .ui.disabled.button, .ui.disabled.button:hover {
+  cursor: default;
+  opacity: .45 !important;
+  background-image: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  pointer-events: none !important;
+}