diff options
author | Andrés Manelli <andresmanelli@gmail.com> | 2018-03-19 15:03:44 -0300 |
---|---|---|
committer | Andrés Manelli <andresmanelli@gmail.com> | 2018-03-19 15:03:44 -0300 |
commit | 153960742cac53c52f176f1bc645d850f25ac966 (patch) | |
tree | e965ea478a8e3025e6497e7deb6f40eb50a2bd37 /client/components/cards/checklists.styl | |
parent | bf7de463f1f71f1758b62187667bf3a7e55585ff (diff) | |
download | wekan-153960742cac53c52f176f1bc645d850f25ac966.tar.gz wekan-153960742cac53c52f176f1bc645d850f25ac966.tar.bz2 wekan-153960742cac53c52f176f1bc645d850f25ac966.zip |
Fix migration. Replace old checklist-item sort algorithm.
Diffstat (limited to 'client/components/cards/checklists.styl')
-rw-r--r-- | client/components/cards/checklists.styl | 67 |
1 files changed, 39 insertions, 28 deletions
diff --git a/client/components/cards/checklists.styl b/client/components/cards/checklists.styl index d4776397..3f4445ab 100644 --- a/client/components/cards/checklists.styl +++ b/client/components/cards/checklists.styl @@ -78,34 +78,45 @@ textarea.js-add-checklist-item, textarea.js-edit-checklist-item bottom: -600px right: 0 -.checklist-items +.checklist-item margin: 0 0 0.5em 1.33em + line-height: 25px + font-size: 1.1em + margin-top: 3px + display: flex - .item - line-height: 25px - font-size: 1.1em - margin-top: 3px - display: flex - &:hover - background-color: darken(white, 8%) - - .check-box - margin-top: 5px - &.is-checked - border-bottom: 2px solid #3cb500 - border-right: 2px solid #3cb500 - - .item-title - flex: 1 - padding-left: 10px; - &.is-checked - color: #8c8c8c - font-style: italic - - .js-delete-checklist-item - @extends .delete-text - padding: 12px 0 0 0 + &.placeholder + background: darken(white, 20%) + border-radius: 2px + + &.ui-sortable-helper + box-shadow: -2px 2px 8px rgba(0, 0, 0, .3), + 0 0 1px rgba(0, 0, 0, .5) + transform: rotate(4deg) + cursor: grabbing + + &:hover + background-color: darken(white, 8%) + + .check-box + margin-top: 5px + &.is-checked + border-bottom: 2px solid #3cb500 + border-right: 2px solid #3cb500 + + .item-title + flex: 1 + padding-left: 10px; + &.is-checked + color: #8c8c8c + font-style: italic + +.js-delete-checklist-item + margin: 0 0 0.5em 1.33em + @extends .delete-text + padding: 12px 0 0 0 - .add-checklist-item - padding-top: 0.5em - display: inline-block +.add-checklist-item + margin: 0 0 0.5em 1.33em + padding-top: 0.5em + display: inline-block |