LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

improve disabled form-field style

Browse source
This commit is contained in:
btzr-io 2018-06-20 20:22:13 -06:00
parent 1e95072722
commit b49428b76b
2 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/renderer/component/common/form-components/form-field.jsx
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) && (

5
src/renderer/scss/component/_form-field.scss
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%;