* #RI-1902 - set thick border for 'Disable Encryption' button

Artyom Podymov · Artyom Podymov · commit 3d9d21f1d0f0 · 2021-11-22T18:04:12.000+03:00
* remove unnecessary 'will-change CSS property
diff --git a/redisinsight/ui/src/components/notifications/components/EncryptionErrorContent.tsx b/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
diff --git a/redisinsight/ui/src/pages/home/components/HelpLinksMenu/styles.module.scss b/redisinsight/ui/src/pages/home/components/HelpLinksMenu/styles.module.scss
@@ -26,7 +26,6 @@
   padding: 10px 20px;
   background-color: transparent !important;
   transition: background-color 0.3s ease-in-out;
-  will-change: background-color;
   text-decoration: none !important;
   font: normal normal bold 12px/17px Graphik, sans-serif;
   letter-spacing: 0;
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/Group/styles.scss b/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;
diff --git a/redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/styles.module.scss b/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);
 }
diff --git a/redisinsight/ui/src/styles/components/_buttons.scss b/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;

Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@ const EncryptionErrorContent = (props: Props) => {`
`52`	`52`	`size="s"`
`53`	`53`	`color="warning"`
`54`	`54`	`onClick={disableEncryption}`
`55`		`- className="toast-danger-btn"`
	`55`	`+ className="toast-danger-btn euiBorderWidthThick"`
`56`	`56`	`data-testid="toast-action-btn"`
`57`	`57`	`>`
`58`	`58`	`Disable Encryption`
Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,6 @@`
`35`	`35`	`height: 100%;`
`36`	`36`	`transform: translateX(calc(100% + 8px));`
`37`	`37`	`backface-visibility: hidden;`
`38`		`- will-change: transform;`
`39`	`38`	`transition: transform 0.4s ease-in-out;`
`40`	`39`	`box-shadow: -5px 1px 10px rgba(0, 0, 0, 0.2);`
`41`	`40`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import '@elastic/eui/src/global_styling/index';`
	`2`	`+`
`1`	`3`	`.euiButton {`
`2`	`4`	`&.euiButton--secondary {`
`3`	`5`	`color: var(--buttonSecondaryTextColor) !important;`
`@@ -36,6 +38,9 @@`
`36`	`38`	`}`
`37`	`39`	`}`
`38`	`40`	`}`
	`41`	`+.euiButton.euiBorderWidthThick {`
	`42`	`+ border-width: $euiBorderWidthThick;`
	`43`	`+}`
`39`	`44`
`40`	`45`	`.euiButton.euiButton-isDisabled.euiButton--fill {`
`41`	`46`	`opacity: 0.6;`