summaryrefslogtreecommitdiffstats
path: root/client/components/cards/checklists.styl
diff options
context:
space:
mode:
authornztqa <nztqa@users.noreply.github.com>2017-07-03 16:57:20 +0900
committernztqa <nztqa@users.noreply.github.com>2017-07-03 16:57:20 +0900
commitc5b83c04c17eea8e49e9d9f865ecd47e37d84a1d (patch)
treed9d086bf01f33054fa439f47e57fe7a845d3e4f8 /client/components/cards/checklists.styl
parent2c94254ec363c3e73082e45b4dc16c009efbc047 (diff)
downloadwekan-c5b83c04c17eea8e49e9d9f865ecd47e37d84a1d.tar.gz
wekan-c5b83c04c17eea8e49e9d9f865ecd47e37d84a1d.tar.bz2
wekan-c5b83c04c17eea8e49e9d9f865ecd47e37d84a1d.zip
Improve UI Design (checklists item)
1. Change background color on mouseover and remove it after mouseout 2. Increase the clickable area of title
Diffstat (limited to 'client/components/cards/checklists.styl')
-rw-r--r--client/components/cards/checklists.styl3
1 files changed, 3 insertions, 0 deletions
diff --git a/client/components/cards/checklists.styl b/client/components/cards/checklists.styl
index 885d7528..1156c577 100644
--- a/client/components/cards/checklists.styl
+++ b/client/components/cards/checklists.styl
@@ -46,6 +46,8 @@ textarea.js-add-checklist-item, textarea.js-edit-checklist-item
font-size: 1.1em
margin-top: 3px
display: flex
+ &:hover
+ background-color: darken(white, 8%)
.check-box
margin-top: 5px
@@ -54,6 +56,7 @@ textarea.js-add-checklist-item, textarea.js-edit-checklist-item
border-right: 2px solid #3cb500
.item-title
+ flex-grow: 1
padding-left: 10px;
&.is-checked
color: #8c8c8c