IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Components: add PropType label and margin text

Browse Source
This commit is contained in:
Nikita Gopienko 2019-08-01 14:19:43 +03:00
parent 514b8ee4b3
commit d546461b30
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/ASC.Web.Components/src/components/toggle-button/index.js
View File

@ -15,19 +15,19 @@ const DisableCss = css`
const ToggleContainer = styled.label` const ToggleContainer = styled.label`
position: absolute; position: absolute;
-webkit-appearance: none; -webkit-appearance: none;
outline: none;
margin: 0; margin: 0;
display: flex; display: flex;
align-items: center; align-items: center;
outline: none;
user-select: none; user-select: none;
-moz-user-select: none; -moz-user-select: none;
-o-user-select: none; -o-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
.svg { svg {
margin-right: 8px; margin-right: 8px;
} }
${props => props.isDisabled ? ${props => props.isDisabled ?
css` css`
@ -36,7 +36,7 @@ const ToggleContainer = styled.label`
${DisableCss} ${DisableCss}
} }
` `
: css` : css`
cursor: pointer; cursor: pointer;
` `
}; };
@ -103,7 +103,8 @@ class ToggleButton extends Component {
ToggleButton.propTypes = { ToggleButton.propTypes = {
isChecked: PropTypes.bool.isRequired, isChecked: PropTypes.bool.isRequired,
isDisabled: PropTypes.bool, isDisabled: PropTypes.bool,
onChange: PropTypes.func onChange: PropTypes.func,
label: PropTypes.label
}; };
export default ToggleButton; export default ToggleButton;