summaryrefslogtreecommitdiffstats
path: root/client/components/cards/checklists.styl
diff options
context:
space:
mode:
authorAndrés Manelli <andresmanelli@gmail.com>2018-03-19 15:03:44 -0300
committerAndrés Manelli <andresmanelli@gmail.com>2018-03-19 15:03:44 -0300
commit153960742cac53c52f176f1bc645d850f25ac966 (patch)
treee965ea478a8e3025e6497e7deb6f40eb50a2bd37 /client/components/cards/checklists.styl
parentbf7de463f1f71f1758b62187667bf3a7e55585ff (diff)
downloadwekan-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.styl67
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