瀏覽代碼

fix(Settings/Account): prevent help text from moving the save button up and down

Signed-off-by: Jonathan <theflametrooper@gmail.com>
Jonathan 4 年之前
父節點
當前提交
ebcc0ac853
共有 2 個文件被更改,包括 3 次插入2 次删除
  1. 1 0
      frontend/src/App.vue
  2. 2 2
      frontend/src/pages/Settings/tabs/Account.vue

+ 1 - 0
frontend/src/App.vue

@@ -475,6 +475,7 @@ button.delete:focus {
 	margin-top: 0 !important;
 	margin-bottom: 5px !important;
 	font-size: 12px;
+	height: 17px !important;
 }
 
 .fadein-helpbox-enter-active {

+ 2 - 2
frontend/src/pages/Settings/tabs/Account.vue

@@ -27,12 +27,12 @@
 		<transition name="fadein-helpbox">
 			<p
 				class="help"
-				v-if="validation.username.entered"
 				:class="validation.username.valid ? 'is-success' : 'is-danger'"
 			>
 				{{ validation.username.message }}
 			</p>
 		</transition>
+
 		<p class="control is-expanded">
 			<label for="email">Email</label>
 			<input
@@ -48,12 +48,12 @@
 		<transition name="fadein-helpbox">
 			<p
 				class="help"
-				v-if="validation.email.entered"
 				:class="validation.email.valid ? 'is-success' : 'is-danger'"
 			>
 				{{ validation.email.message }}
 			</p>
 		</transition>
+
 		<transition name="saving-changes-transition" mode="out-in">
 			<button
 				class="button save-changes"