From b49428b76b09f263f99f1ec66eb9fdd413127a64 Mon Sep 17 00:00:00 2001 From: btzr-io 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 {
{(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%;