From 3bd311c3f40036fac1c194072cea8e85f30e3780 Mon Sep 17 00:00:00 2001
From: Giteabot <teabot@gitea.io>
Date: Sun, 18 Jun 2023 03:35:40 -0400
Subject: [PATCH] Remove EasyMDE focus outline on text (#25328) (#25332)

Backport #25328 by @silverwind

EasyMDE in Firefox currently shows a ugly outline in the fake textarea
the CodeMirror uses. Hide it.

Before:

<img width="845" alt="Screenshot 2023-06-18 at 02 54 09"
src="https://github.com/go-gitea/gitea/assets/115237/dc406166-9ad5-4a9b-9581-002b5cdcc6df">

After:

<img width="870" alt="Screenshot 2023-06-18 at 02 54 24"
src="https://github.com/go-gitea/gitea/assets/115237/ddd78759-2cf2-4385-b863-7576fec25c34">

Co-authored-by: silverwind <me@silverwind.io>
---
 web_src/css/codemirror/base.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/web_src/css/codemirror/base.css b/web_src/css/codemirror/base.css
index b435fb1342..aedf7d8560 100644
--- a/web_src/css/codemirror/base.css
+++ b/web_src/css/codemirror/base.css
@@ -43,3 +43,7 @@
 .CodeMirror-focused {
   border-color: var(--color-primary) !important;
 }
+
+.CodeMirror :focus {
+  outline: none;
+}