onfocus fixed

Author: RafaelGB

src/components/portals/SelectPortal.tsx

@@ -52,7 +52,6 @@ const SelectPortal = (popperProps: CellComponentProps) => {
     newValue: OnChangeValue<any, false>,
     actionMeta: ActionMeta<RowSelectOption>
   ) => {
-    console.log(newValue, actionMeta);
     const selection = newValue ? newValue.value : "";
     // Update on disk & memory
     dataActions.updateCell(

src/components/styles/TagsStyles.ts

@@ -1,3 +1,4 @@
+import { StyleVariables } from "helpers/Constants";
 import {
     StylesConfig,
     GroupBase,
@@ -8,12 +9,18 @@ const CustomTagsStyles: StylesConfig<any, true, GroupBase<any>> = {
         position: "static",
         boxSizing: "border-box",
     }),
-    menuPortal: base => ({ ...base, zIndex: 9999 }),
-    control: (styles) => ({ ...styles, backgroundColor: "var(--background-primary)" }),
-    option: (styles, { data }) => ({
+    menuPortal: (styles) => ({ ...styles, zIndex: 9999 }),
+    control: (styles) => ({ ...styles, backgroundColor: StyleVariables.BACKGROUND_PRIMARY }),
+    option: (styles, { data, isFocused }) => ({
         ...styles,
-        backgroundColor: data.color + " !important",
-        color: "rgb(66, 66, 66) !important"
+        backgroundColor: isFocused ? StyleVariables.TEXT_ACCENT_HOVER : data.color,
+        color: "rgb(66, 66, 66)",
+        padding: 0,
+        textAlign: "center",
+        ":hover": {
+            backgroundColor: StyleVariables.BACKGROUND_PRIMARY,
+        },
+
     }),
     multiValue: (styles, { data }) => {
         return {