From d476bb14bc25699ca2f04eaeec7da24f3e8d8e11 Mon Sep 17 00:00:00 2001
From: Thakur Karthik <iamkarthik08@gmail.com>
Date: Mon, 12 Oct 2020 13:49:29 +0530
Subject: [PATCH] fix(codemirror-autocomplete): show selection background on
 hover for options (#1134)

This fix if merged shows the selection background by hovering on autocomplete
options.

Ref: #946
---
 .../editorComponents/CodeEditor/styledComponents.ts         | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts b/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts
index e8185943d4..0b121afb60 100644
--- a/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts
+++ b/app/client/src/components/editorComponents/CodeEditor/styledComponents.ts
@@ -47,6 +47,12 @@ export const HintStyles = createGlobalStyle<{ editorTheme: EditorTheme }>`
   }
   .CodeMirror-Tern-completion {
     padding-left: 22px !important;
+    &:hover{
+      background: ${props =>
+        props.editorTheme === EditorTheme.DARK
+          ? "rgba(244,244,244,0.2)"
+          : "rgba(128,136,141,0.2)"};
+    }
   }
   .CodeMirror-Tern-completion:before {
     left: 4px !important;