diff options
| author | Lauri Ojansivu <x@xet7.org> | 2017-10-01 09:42:15 +0300 |
|---|---|---|
| committer | Lauri Ojansivu <x@xet7.org> | 2017-10-01 09:42:15 +0300 |
| commit | a0cccb736c198f8610273e133df256c48c5f5b05 (patch) | |
| tree | 3fcf5da5a8935a938222db46a5440184accc295a /client/components/forms/forms.styl | |
| parent | 6ec14ee52bca394189a0f1d41d20b597e90f6320 (diff) | |
| parent | 61ee107c27ea4b5be3b8b9bcb6d6a36de65dfcd1 (diff) | |
| download | wekan-a0cccb736c198f8610273e133df256c48c5f5b05.tar.gz wekan-a0cccb736c198f8610273e133df256c48c5f5b05.tar.bz2 wekan-a0cccb736c198f8610273e133df256c48c5f5b05.zip | |
Merge branch 'improve-activities' of https://github.com/nztqa/wekan into nztqa-improve-activities
Diffstat (limited to 'client/components/forms/forms.styl')
| -rw-r--r-- | client/components/forms/forms.styl | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/client/components/forms/forms.styl b/client/components/forms/forms.styl index 646da657..1947c11d 100644 --- a/client/components/forms/forms.styl +++ b/client/components/forms/forms.styl @@ -630,6 +630,59 @@ button a, .quiet color: white +// Material Design Toggle Switch +.material-toggle-switch + display: flex + +.toggle-label + position: relative + display: block + height: 20px + width: 44px + background-color: #a6a6a6 + border-radius: 100px + cursor: pointer + transition: all 0.3s ease + + &:after + position: absolute + left: -2px + top: -3px + display: block + width: 26px + height: 26px + border-radius: 100px + background-color: #fff + box-shadow: 0px 3px 3px rgba(0,0,0,0.05) + content: '' + transition: all 0.3s ease + + &:active + &:after + transform: scale(1.15, 0.85) + +.toggle-switch:checked ~ .toggle-label + background-color: #6fbeb5 + + &:after + left: 20px + background-color: #179588 + +.toggle-switch:checked:disabled ~ .toggle-label + background-color: #d5d5d5 + pointer-events: none + + &:after + background-color: #bcbdbc + +.toggle-switch + display: none + +.toggle-switch-title + margin: 0 0.5em + display: flex + + @media screen and (max-width: 800px) .edit-controls, .add-controls |