Merge pull request #1663 from lbryio/label-fix

Fix disabled form-field css style
This commit is contained in:
Sean Yesmunt 2018-06-20 23:48:49 -04:00 committed by GitHub
commit 8148603b7b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 0 deletions

View file

@ -82,6 +82,7 @@ export class FormField extends React.PureComponent<Props> {
<div <div
className={classnames('form-field', { className={classnames('form-field', {
'form-field--stretch': stretch || type === 'markdown', 'form-field--stretch': stretch || type === 'markdown',
'form-field--disabled': inputProps.disabled,
})} })}
> >
{(label || errorMessage) && ( {(label || errorMessage) && (

View file

@ -41,6 +41,11 @@
} }
} }
.form-field.form-field--disabled {
opacity: 0.4;
pointer-events: none;
}
.form-field--SimpleMDE { .form-field--SimpleMDE {
display: block; display: block;
width: 100%; width: 100%;