allow task text to word-wrap and be padded from element edge

This commit is contained in:
Zachary Kain 2013-03-05 21:03:35 -05:00
parent ce19fed852
commit fd216719c3

View file

@ -100,8 +100,7 @@ li:hover .task-meta-controls .hover-show
.task-column
padding: 1.5em
background: #f5f5f5
border: 1px solid #bbb
border-radius: 0.25em
border: 1px solid #ccc
font-family: 'Lato', sans-serif
h2
margin: 0 0 0.5em
@ -121,7 +120,7 @@ li:hover .task-meta-controls .hover-show
.task
list-style: none
clear: both
padding: 0 0.5em 0 0
padding: 0 0.5em 0 0.5em
min-height: 2.5em
line-height: 2.5
margin-bottom: 0.75em
@ -135,9 +134,10 @@ li:hover .task-meta-controls .hover-show
.task-controls
display: inline
margin-left: -0.5em
margin-right: 0.5em
.task-text
display: inline-block
text-indent: 0.5em
display: inline
.task-checker
label
@ -174,7 +174,7 @@ li:hover .task-meta-controls .hover-show
transform: rotate(135deg)
line-height: 1.1
text-align: left
opacity: 1
opacity: 0.75
input[type=checkbox]
margin: 0
@ -183,19 +183,16 @@ li:hover .task-meta-controls .hover-show
.addtask-form
margin-bottom: 0.75em
border-radius: 0.25em
overflow: hidden
.addtask-field
display: inline-block
width: 80% // fallback for Safari 5.1
// width: calc(unquote('100% - 3em'))
width: calc(unquote('100% - 3em'))
input
font-family: 'Lato', sans-serif
outline: 0
border: 0
box-shadow: none
background-color: white
border-radius 0 0.25em 0.25em 0
height: 2.5em
padding: 0 0 0 0.5em
width: 100%