From 9681036e145c5093380815b7e5e7a8ecb78628d3 Mon Sep 17 00:00:00 2001
From: gajjug004 <gajjug004@gmail.com>
Date: Sun, 4 Oct 2026 21:22:28 +0530
Subject: [PATCH] fix: drop the blue focus ring on editor inputs

frappe-ui's forms reset adds a blue box-shadow ring on focus, which
showed inside the answer tiles, around the quiz title and on .field
inputs, clashing with the theme.
---
 frontend/src/components/QuestionSlide.vue | 2 +-
 frontend/src/index.css                    | 1 +
 frontend/src/pages/QuizEditor.vue         | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/QuestionSlide.vue b/frontend/src/components/QuestionSlide.vue
index b84b77d..eeb0e2c 100644
--- a/frontend/src/components/QuestionSlide.vue
+++ b/frontend/src/components/QuestionSlide.vue
@@ -27,7 +27,7 @@
 				</svg>
 				<input
 					v-model="question[`option_${shape.id}`]"
-					class="min-w-0 flex-1 border-0 bg-transparent font-display text-lg font-extrabold text-sunk placeholder:text-sunk/45 focus:outline-none sm:text-xl"
+					class="min-w-0 flex-1 border-0 bg-transparent font-display text-lg font-extrabold text-sunk placeholder:text-sunk/45 focus:outline-none focus:ring-0 sm:text-xl"
 					:placeholder="`Answer ${shape.id}`"
 					:aria-label="`Answer ${shape.id}`"
 				/>
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 48a3f82..3370a1f 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -197,6 +197,7 @@ body {
 .field:focus {
 	outline: none;
 	border-color: rgb(var(--accent));
+	box-shadow: none;
 }
 
 .podium-rise {
diff --git a/frontend/src/pages/QuizEditor.vue b/frontend/src/pages/QuizEditor.vue
index 3157505..8630347 100644
--- a/frontend/src/pages/QuizEditor.vue
+++ b/frontend/src/pages/QuizEditor.vue
@@ -5,7 +5,7 @@
 			<input
 				ref="titleInput"
 				v-model="title"
-				class="min-w-0 flex-1 rounded-lg border border-transparent bg-transparent px-2 py-1.5 font-display text-xl font-extrabold text-paper transition placeholder:text-paper/30 hover:border-haze focus:border-haze focus:outline-none sm:text-2xl"
+				class="min-w-0 flex-1 rounded-lg border border-transparent bg-transparent px-2 py-1.5 font-display text-xl font-extrabold text-paper transition placeholder:text-paper/30 hover:border-haze focus:border-haze focus:outline-none focus:ring-0 sm:text-2xl"
 				placeholder="Untitled quiz"
 				aria-label="Quiz title"
 			/>