From 69b8ae8d854fc9f15c9c7d6a101610319441b09d Mon Sep 17 00:00:00 2001
From: VIAUD Nathan <nathan.viaud@inria.fr>
Date: Wed, 15 Nov 2023 14:07:39 +0100
Subject: [PATCH] border highlight on score input focus
---
src/features/forms/components/inputs/ScoreInput.vue | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/src/features/forms/components/inputs/ScoreInput.vue b/src/features/forms/components/inputs/ScoreInput.vue
index 70f0cecf..8f1c7c88 100644
--- a/src/features/forms/components/inputs/ScoreInput.vue
+++ b/src/features/forms/components/inputs/ScoreInput.vue
@@ -71,6 +71,11 @@ function onBlur() {
width: fit-content;
margin-bottom: 1.5rem;
+ &:focus-within {
+ outline: 1px solid var(--editor-blue);
+ box-shadow: 0 1px 8px 0 var(--editor-blue-shadow);
+ }
+
input[type="number"] {
border: none;
margin: .5rem;
--
GitLab