fix icon size + fix display name valid checks

2022-11-27 23:23:02 +01:00
parent 5c7747517b
commit 29ebd89030
3 changed files with 14 additions and 6 deletions
@@ -168,15 +168,23 @@ export default {
    },
    displayNameInvalid () {
      if (this.temporaryDisplayName.length <= 1) {
-        return false;
+        return true;
      }

-      return true;
+      return this.displayNameIssues.length !== 0;
    },
    displayNameCannotSubmit () {
      return this.displayNameInvalid || !this.inputChanged;
    },
  },
+  watch: {
+    temporaryDisplayName: {
+      handler () {
+        this.validateDisplayName(this.temporaryDisplayName);
+      },
+      deep: true,
+    },
+  },
  mounted () {
    this.restoreDisplayName();
  },
@@ -116,8 +116,8 @@ input {
 }

 .check-icon {
-  width: 12px;
-  height: 10px;
+  width: 16px;
+  height: 16px;
  color: $green-50;
 }

@@ -120,8 +120,8 @@ input {
 }

 .check-icon {
-  width: 12px;
-  height: 10px;
+  width: 16px;
+  height: 16px;
  color: $green-50;
 }