Merge pull request #31 from RedisInsight/fix/RI-1902_ui-encryption-error

Fix/UI encryption error

Author: ArtyomPSofteq

redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.tsx

@@ -52,7 +52,7 @@ const EncryptionErrorContent = (props: Props) => {
               size="s"
               color="warning"
               onClick={disableEncryption}
-              className="toast-danger-btn"
+              className="toast-danger-btn euiBorderWidthThick"
               data-testid="toast-action-btn"
             >
               Disable Encryption

redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/styles.scss

@@ -3,7 +3,6 @@
     backface-visibility: hidden;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease-in-out;
-    will-change: border-color;
     .group-header {
       font: normal normal medium 11px/15px Graphik;
       letter-spacing: 1.1px;

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

@@ -35,7 +35,6 @@
   height: 100%;
   transform: translateX(calc(100% + 8px));
   backface-visibility: hidden;
-  will-change: transform;
   transition: transform 0.4s ease-in-out;
   box-shadow: -5px 1px 10px rgba(0, 0, 0, 0.2);
 }

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

@@ -1,3 +1,5 @@
+@import '@elastic/eui/src/global_styling/index';
+
 .euiButton {
   &.euiButton--secondary {
     color: var(--buttonSecondaryTextColor) !important;
@@ -36,6 +38,9 @@
     }
   }
 }
+.euiButton.euiBorderWidthThick {
+  border-width: $euiBorderWidthThick;
+}
 
 .euiButton.euiButton-isDisabled.euiButton--fill {
   opacity: 0.6;