(airflow) branch v3-0-test updated: Fix Dag Code text selection bg (#49649)

[kaxilnaik]

This is an automated email from the ASF dual-hosted git repository.

kaxilnaik pushed a commit to branch v3-0-test
in repository https://gitbox.apache.org/repos/asf/airflow.git


The following commit(s) were added to refs/heads/v3-0-test by this push:
     new c5e0829df19 Fix Dag Code text selection bg (#49649)
c5e0829df19 is described below

commit c5e0829df199b15ab96f54f2abdde707b5e23337
Author: Brent Bovenzi <br...@astronomer.io>
AuthorDate: Wed Apr 23 15:38:43 2025 -0400

    Fix Dag Code text selection bg (#49649)
    
    (cherry picked from commit e889112f3e2b1c6649d0279a98009aeb8fe22482)
---
 airflow-core/src/airflow/ui/src/pages/Dag/Code/Code.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/airflow-core/src/airflow/ui/src/pages/Dag/Code/Code.tsx 
b/airflow-core/src/airflow/ui/src/pages/Dag/Code/Code.tsx
index ee7a7ada317..60583b43dae 100644
--- a/airflow-core/src/airflow/ui/src/pages/Dag/Code/Code.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/Dag/Code/Code.tsx
@@ -131,10 +131,13 @@ export const Code = () => {
       {/* We want to show an empty state on 404 instead of an error */}
       <ErrorAlert error={error ?? (codeError?.status === 404 ? undefined : 
codeError)} />
       <ProgressBar size="xs" visibility={isLoading || isCodeLoading ? 
"visible" : "hidden"} />
-      <div
-        style={{
-          fontSize: "14px",
+      <Box
+        css={{
+          "& *::selection": {
+            bg: "gray.emphasized",
+          },
         }}
+        fontSize="14px"
       >
         <SyntaxHighlighter
           language="python"
@@ -179,7 +182,7 @@ export const Code = () => {
         >
           {codeError?.status === 404 && !Boolean(code?.content) ? "No Code 
Found" : (code?.content ?? "")}
         </SyntaxHighlighter>
-      </div>
+      </Box>
     </Box>
   );
 };