From 28c5c64b8d736df49aba7f38affac91a44003c09 Mon Sep 17 00:00:00 2001
From: Josiah Kievit <71205057+josiah-tesfu@users.noreply.github.com>
Date: Fri, 19 May 2023 13:09:10 -0700
Subject: [PATCH] css: Remove copy code button outline.

Added styling to show no outline around the copy to clipboard button on click.

Previously, when clicking this button, a rectangular outline appeared around
the button, which didn't look good, since a 'Copied!' message was already displayed.

Fixes #25533.
---
 web/styles/rendered_markdown.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/web/styles/rendered_markdown.css b/web/styles/rendered_markdown.css
index af957d96c3..a0729fa7d1 100644
--- a/web/styles/rendered_markdown.css
+++ b/web/styles/rendered_markdown.css
@@ -593,6 +593,11 @@
         position: absolute;
         right: 2px;
         margin-top: -4px;
+
+        /* Remove the outline when clicking on the copy-to-clipboard button */
+        &:focus {
+            outline: none;
+        }
     }
 
     .code_external_link {