fix(login): only show error state on login box if user interacted

susnux · susnux · commit 61d91008d9d1 · 2025-02-17T10:49:47.000+01:00
Signed-off-by: Ferdinand Thiessen &lt;opensource@fthiessen.de&gt;
diff --git a/core/src/components/login/LoginForm.vue b/core/src/components/login/LoginForm.vue
@@ -304,5 +304,10 @@ export default {
 		text-align: center;
 		overflow-wrap: anywhere;
 	}
+
+	// Only show the error state if the user interacted with the login box
+	:deep(input:invalid:not(:user-invalid)) {
+		border-color: var(--color-border-maxcontrast) !important;
+	}
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -304,5 +304,10 @@ export default {`
`304`	`304`	`text-align: center;`
`305`	`305`	`overflow-wrap: anywhere;`
`306`	`306`	`}`
	`307`	`+`
	`308`	`+ // Only show the error state if the user interacted with the login box`
	`309`	`+ :deep(input:invalid:not(:user-invalid)) {`
	`310`	`+ border-color: var(--color-border-maxcontrast) !important;`
	`311`	`+ }`
`307`	`312`	`}`
`308`	`313`	`</style>`