Merge pull request #1234 from RedisInsight/fe/bugfix/RI-3610

#RI-3610 - fix focus on buttons in enablement area

Author: rsergeenko

redisinsight/ui/.eslintrc.js

@@ -79,14 +79,20 @@ module.exports = {
           'index',
         ],
         pathGroups: [
+          {
+            pattern: 'apiSrc/**',
+            group: 'internal',
+            position: 'after'
+          },
           {
             pattern: '{.,..}/*.scss', // same directory only
             // pattern: '{.,..}/**/*\.scss' // same & outside directories (e.g. import '../foo/foo.scss')
             group: 'object',
             position: 'after'
           }
         ],
-        warnOnUnassignedImports: true
+        warnOnUnassignedImports: true,
+        pathGroupsExcludedImportTypes: ['builtin']
       },
     ],
   },

redisinsight/ui/src/pages/workbench/components/enablement-area/EnablementArea/components/CodeButton/styles.module.scss

@@ -4,16 +4,10 @@
   justify-content: space-between;
   position: relative;
   &[class*='euiButton--secondary']:not([class*='isDisabled']) {
-    &:hover,
-    &:focus,
-    &:focus-within {
+    &:hover {
       background-color: var(--euiColorSecondary) !important;
       border-color: var(--euiColorSecondary) !important;
-    }
-  }
-  &:not(:hover) {
-    span {
-      color: var(--euiTextSubduedColor);
+      color: var(--euiColorPrimaryText) !important;
     }
   }