Merge pull request #3407 from RedisInsight/fe/bugfix/RI-5772

bugfix

Author: mariasergeenko

redisinsight/ui/src/components/shortcuts-flyout/styles.module.scss

@@ -2,20 +2,27 @@
   font-size: 18px;
   font-weight: 600 !important;
 }
+
 .table {
   :global(thead) {
     display: none;
   }
+
   :global {
     td, tr {
       border-color: var(--tableLightBorderColor) !important;
     }
   }
-  &:global(.inMemoryTableDefault .euiTableCellContent span) {
-    padding-top: 0 !important;
-    white-space: normal;
 
+  &:global(.inMemoryTableDefault) {
+    :global {
+      .euiTableCellContent span {
+        padding-top: 0 !important;
+        white-space: normal !important;
+      }
+    }
   }
+
   :global(.euiBadge) {
     height: 22px;
     min-width: 34px !important;

redisinsight/ui/src/components/side-panels/panels/live-time-recommendations/components/recommendation/styles.module.scss

@@ -149,7 +149,7 @@
 .snoozeBtn {
   svg {
     fill: var(--recommendationBgColor) !important;
-    g {
+    g, circle, path {
       stroke: currentColor !important;
     }
   }

redisinsight/ui/src/components/side-panels/panels/live-time-recommendations/styles.module.scss

@@ -6,6 +6,7 @@ $animation-duration: 300ms;
 
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
 
 .loading {

redisinsight/ui/src/electron/components/ConfigOAuth/ConfigOAuth.tsx

@@ -51,6 +51,7 @@ const ConfigOAuth = () => {
     if (isSelectAccout) return
 
     if (ssoFlowRef.current === OAuthSocialAction.SignIn) {
+      dispatch(setSSOFlow(undefined))
       closeInfinityNotification()
       return
     }
@@ -90,7 +91,6 @@ const ConfigOAuth = () => {
 
   const closeInfinityNotification = () => {
     dispatch(removeInfiniteNotification(InfiniteMessagesIds.oAuthProgress))
-    dispatch(setSSOFlow(undefined))
   }
 
   const cloudOauthCallback = (_e: any, { status, message = '', error }: CloudAuthResponse) => {

redisinsight/ui/src/styles/base/_overrides.scss

@@ -56,3 +56,7 @@
 body .euiSuperSelect__listbox {
   max-height: 350px;
 }
+
+.euiPanel {
+  border-color: var(--euiColorLightShade);
+}

redisinsight/ui/src/styles/components/_components.scss

@@ -13,6 +13,7 @@
 @import "database";
 @import "switch";
 @import "callout";
+@import "flyout";
 @import "tabs";
 @import "notificationBody";
 @import "json_view";

redisinsight/ui/src/styles/components/_flyout.scss

@@ -0,0 +1,9 @@
+.euiFlyout {
+  border-left: 1px solid var(--euiColorLightShade);
+  box-shadow: none;
+  background: var(--euiColorEmptyShade);
+
+  &__closeButton:not(:hover) {
+    background-color: transparent;
+  }
+}