Merge pull request #1126 from RedisInsight/feature/RI-2742_Formatters_in_Browser

Feature/ri 2742 formatters in browser

Author: vlad-dargel

redisinsight/ui/src/pages/browser/components/string-details/StringDetails.tsx

@@ -191,7 +191,7 @@ const StringDetails = (props: Props) => {
             }}
             disabled={loading}
             inputRef={textAreaRef}
-            className={cx(styles.stringTextArea, { 'input-warning': isDisabled })}
+            className={cx(styles.stringTextArea, { [styles.areaWarning]: isDisabled })}
             data-testid="string-value"
           />
         </InlineItemEditor>

redisinsight/ui/src/pages/browser/components/string-details/styles.module.scss

@@ -45,4 +45,9 @@ $outer-height-mobile: 340px;
   @media only screen and (max-width: 767px) {
     max-height: calc(100vh - #{$outer-height-mobile} - 55px);
   }
+
+  &.areaWarning {
+    border-color: var(--euiColorWarningLight) !important;
+    background-image: none !important;
+  }
 }