diff options
author | Maxime Quandalle <maxime@quandalle.com> | 2015-06-11 12:35:08 +0200 |
---|---|---|
committer | Maxime Quandalle <maxime@quandalle.com> | 2015-06-11 12:35:08 +0200 |
commit | 216887490e3be0ba141484afc11d37475e91562d (patch) | |
tree | b1ba81dc991f06966713864525f6f993d3fa9e90 /client/components/cards | |
parent | 765b0168eaaeb28550dfb698de0b6cec9f9c2113 (diff) | |
download | wekan-216887490e3be0ba141484afc11d37475e91562d.tar.gz wekan-216887490e3be0ba141484afc11d37475e91562d.tar.bz2 wekan-216887490e3be0ba141484afc11d37475e91562d.zip |
Fix card title edition
Closes #184
Diffstat (limited to 'client/components/cards')
-rw-r--r-- | client/components/cards/details.jade | 16 | ||||
-rw-r--r-- | client/components/cards/details.styl | 11 | ||||
-rw-r--r-- | client/components/cards/labels.styl | 3 |
3 files changed, 18 insertions, 12 deletions
diff --git a/client/components/cards/details.jade b/client/components/cards/details.jade index dc3d3dc3..be166ad8 100644 --- a/client/components/cards/details.jade +++ b/client/components/cards/details.jade @@ -5,7 +5,7 @@ template(name="cardDetails") .card-details-header +inlinedForm(classNames="js-card-details-title") - input.field.single-line(type="text" value=title autofocus) + input.full-line(type="text" value=title autofocus) .edit-controls.clearfix button.primary.confirm(type="submit") {{_ 'save'}} a.fa.fa-times-thin.js-close-inlined-form @@ -25,23 +25,23 @@ template(name="cardDetails") .card-details-items .card-details-item.card-details-item-members - h3 {{_ 'members'}} + h3.card-details-item-title {{_ 'members'}} each members +userAvatar(userId=this cardId=../_id) a.member.add-member.card-details-item-add-button.js-add-members i.fa.fa-plus .card-details-item.card-details-item-labels - h3 {{_ 'labels'}} - .js-add-labels + h3.card-details-item-title {{_ 'labels'}} + a.js-add-labels each labels span.card-label(class="card-label-{{color}}" title=name)= name - a.card-label.add-label.js-add-labels - i.fa.fa-plus + a.card-label.add-label.js-add-labels + i.fa.fa-plus //- XXX We should use "editable" to avoide repetiting ourselves if currentUser.isBoardMember - h3 Description + h3.card-details-item-title Description +inlinedForm(classNames="js-card-description") +editor(autofocus=true) = description @@ -56,7 +56,7 @@ template(name="cardDetails") else | {{_ 'edit'}} else if description - h3 Description + h3.card-details-item-title Description +viewer = description if attachments.count diff --git a/client/components/cards/details.styl b/client/components/cards/details.styl index 4da8a371..94c75cf5 100644 --- a/client/components/cards/details.styl +++ b/client/components/cards/details.styl @@ -45,6 +45,10 @@ margin: 3px 0 padding: 0 + form.inlined-form + margin-top: 5px + margin-bottom: 10px + .card-details-list font-size: 0.85em margin-bottom: 3px @@ -58,6 +62,7 @@ border-radius: 3px padding: 0px 5px + .card-details-items display: flex margin: 15px 0 @@ -65,10 +70,14 @@ .card-details-item flex-grow: 1 - h3 + .card-details-item-title font-size: 14px color: darken(white, 45%) + .card-label + padding-top: 5px + padding-bottom: 5px + .new-comment position: relative margin: 0 0 20px 38px diff --git a/client/components/cards/labels.styl b/client/components/cards/labels.styl index c93ecd12..39f9844f 100644 --- a/client/components/cards/labels.styl +++ b/client/components/cards/labels.styl @@ -2,7 +2,6 @@ // XXX Use .board-widget-labels as a flexbox container .card-label - background-color: #b3b3b3 border-radius: 4px color: white display: inline-block @@ -10,7 +9,6 @@ font-size: 13px margin-right: 4px padding: 3px 8px - position:relative max-width: 100% min-width: 8px overflow: ellipsis @@ -26,7 +24,6 @@ &.add-label box-shadow: 0 0 0 2px darken(white, 25%) inset - background: darken(white, 5%) .card-label-green background-color: #3cb500 |