mirror of
https://github.com/sudoxnym/habitica.git
synced 2026-08-02 07:49:39 +00:00
allow task text to word-wrap and be padded from element edge
This commit is contained in:
parent
ce19fed852
commit
fd216719c3
1 changed files with 7 additions and 10 deletions
|
|
@ -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%
|
||||
|
|
|
|||
Loading…
Reference in a new issue