diff --git a/client/components/lists/list.styl b/client/components/lists/list.styl index 368394ae1..50e38a6d6 100644 --- a/client/components/lists/list.styl +++ b/client/components/lists/list.styl @@ -91,7 +91,7 @@ top: -7px right: 3px - .list-header-plus-icon + .list-header-plus-icon,.list-header-plus-square-icon color: #a6a6a6 margin-right: 15px @@ -102,7 +102,7 @@ color: #8c8c8c font-size: 0.8em -.list-header .list-header-plus-icon, .js-open-list-menu, .list-header-menu a +.list-header .list-header-plus-icon, .list-header .list-header-plus-square-icon, .js-open-list-menu, .list-header-menu a color #4d4d4d padding-left 4px diff --git a/client/components/lists/listHeader.jade b/client/components/lists/listHeader.jade index 866665308..987092b08 100644 --- a/client/components/lists/listHeader.jade +++ b/client/components/lists/listHeader.jade @@ -28,6 +28,7 @@ template(name="listHeader") div.list-header-menu unless currentUser.isCommentOnly if canSeeAddCard + a.js-add-card.fa.fa-plus-square.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}") a.js-add-card.fa.fa-plus.list-header-plus-icon(title="{{_ 'add-card-to-top-of-list'}}") a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}") else @@ -41,6 +42,7 @@ template(name="listHeader") //if isBoardAdmin // a.fa.js-list-star.list-header-plus-icon(class="fa-star{{#unless starred}}-o{{/unless}}") if canSeeAddCard + a.js-add-card.fa.fa-plus-square.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}") a.js-add-card.fa.fa-plus.list-header-plus-icon(title="{{_ 'add-card-to-top-of-list'}}") a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}") if currentUser.isBoardAdmin diff --git a/client/components/lists/listHeader.js b/client/components/lists/listHeader.js index f86274937..d194b7d52 100644 --- a/client/components/lists/listHeader.js +++ b/client/components/lists/listHeader.js @@ -101,7 +101,7 @@ BlazeComponent.extendComponent({ this.starred(!this.starred()); }, 'click .js-open-list-menu': Popup.open('listAction'), - 'click .js-add-card'(event) { + 'click .js-add-card.fa-plus'(event) { const listDom = $(event.target).parents( `#js-list-${this.currentData()._id}`, )[0]; @@ -110,6 +110,15 @@ BlazeComponent.extendComponent({ position: 'top', }); }, + 'click .js-add-card.fa-plus-square'(event) { + const listDom = $(event.target).parents( + `#js-list-${this.currentData()._id}`, + )[0]; + const listComponent = BlazeComponent.getComponentForElement(listDom); + listComponent.openForm({ + position: 'bottom', + }); + }, 'click .js-unselect-list'() { Session.set('currentList', null); },