From b49428b76b09f263f99f1ec66eb9fdd413127a64 Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Wed, 20 Jun 2018 20:22:13 -0600
Subject: [PATCH] improve disabled form-field style

---
 src/renderer/component/common/form-components/form-field.jsx | 1 +
 src/renderer/scss/component/_form-field.scss                 | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/src/renderer/component/common/form-components/form-field.jsx b/src/renderer/component/common/form-components/form-field.jsx
index 3a530ea64..0b23e49e8 100644
--- a/src/renderer/component/common/form-components/form-field.jsx
+++ b/src/renderer/component/common/form-components/form-field.jsx
@@ -82,6 +82,7 @@ export class FormField extends React.PureComponent<Props> {
       <div
         className={classnames('form-field', {
           'form-field--stretch': stretch || type === 'markdown',
+          'form-field--disabled': inputProps.disabled,
         })}
       >
         {(label || errorMessage) && (
diff --git a/src/renderer/scss/component/_form-field.scss b/src/renderer/scss/component/_form-field.scss
index d93a1885b..e46223982 100644
--- a/src/renderer/scss/component/_form-field.scss
+++ b/src/renderer/scss/component/_form-field.scss
@@ -41,6 +41,11 @@
   }
 }
 
+.form-field.form-field--disabled {
+  opacity: 0.4;
+  pointer-events: none;
+}
+
 .form-field--SimpleMDE {
   display: block;
   width: 100%;