Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-18 08:20:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Move "Add card to bottom" to hamburger menu

Browse source
This commit is contained in:
Martin Filser 2021-11-28 17:37:01 +01:00
parent 892828c02e
commit a2cefc595e
3 changed files with 18 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

14
client/components/lists/list.styl
View file

@ -91,7 +91,7 @@
top: -7px top: -7px
right: 3px right: 3px
.list-header-plus-top,.list-header-plus-bottom .list-header-plus-top
color: #a6a6a6 color: #a6a6a6
margin-right: 15px margin-right: 15px
@ -102,20 +102,10 @@
color: #8c8c8c color: #8c8c8c
font-size: 0.8em font-size: 0.8em
.list-header .list-header-plus-top, .list-header .list-header-plus-bottom, .js-open-list-menu, .list-header-menu a .list-header .list-header-plus-top, .js-open-list-menu, .list-header-menu a
color #4d4d4d color #4d4d4d
padding-left 3px padding-left 3px
.list-header-plus-bottom, .list-header-plus-top
border: 1px solid #a6a6a6
a
padding: 0px
.fa
color #4d4d4d
padding-right: 2px
.list-body .list-body
flex: 1 1 auto flex: 1 1 auto
flex-direction: column flex-direction: column

17
client/components/lists/listHeader.jade
View file

@ -28,12 +28,7 @@ template(name="listHeader")
div.list-header-menu div.list-header-menu
unless currentUser.isCommentOnly unless currentUser.isCommentOnly
if canSeeAddCard if canSeeAddCard
a.js-add-card.list-header-plus-bottom(title="{{_ 'add-card-to-bottom-of-list'}}") a.js-add-card.fa.fa-plus.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}")
a.fa.fa-plus
a.fa.fa-arrow-down
a.js-add-card.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}")
a.fa.fa-plus
a.fa.fa-arrow-up
a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}") a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}")
else else
a.list-header-menu-icon.fa.fa-angle-right.js-select-list a.list-header-menu-icon.fa.fa-angle-right.js-select-list
@ -46,10 +41,7 @@ template(name="listHeader")
//if isBoardAdmin //if isBoardAdmin
// a.fa.js-list-star.list-header-plus-top(class="fa-star{{#unless starred}}-o{{/unless}}") // a.fa.js-list-star.list-header-plus-top(class="fa-star{{#unless starred}}-o{{/unless}}")
if canSeeAddCard if canSeeAddCard
a.js-add-card.fa.fa-plus.list-header-plus-bottom(title="{{_ 'add-card-to-bottom-of-list'}}")
a.fa.fa-arrow-down
a.js-add-card.fa.fa-plus.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}") a.js-add-card.fa.fa-plus.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}")
a.fa.fa-arrow-up
a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}") a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}")
if currentUser.isBoardAdmin if currentUser.isBoardAdmin
if isShowDesktopDragHandles if isShowDesktopDragHandles
@ -63,6 +55,13 @@ template(name="editListTitleForm")
a.fa.fa-times-thin.js-close-inlined-form a.fa.fa-times-thin.js-close-inlined-form
template(name="listActionPopup") template(name="listActionPopup")
ul.pop-over-list
li
a.js-add-card.list-header-plus-bottom
i.fa.fa-plus
i.fa.fa-arrow-down
| {{_ 'add-card-to-bottom-of-list'}}
hr
ul.pop-over-list ul.pop-over-list
li li
a.js-toggle-watch-list a.js-toggle-watch-list

17
client/components/lists/listHeader.js
View file

@ -110,15 +110,6 @@ BlazeComponent.extendComponent({
position: 'top', position: 'top',
}); });
}, },
'click .js-add-card.list-header-plus-bottom'(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'() { 'click .js-unselect-list'() {
Session.set('currentList', null); Session.set('currentList', null);
}, },
@ -150,6 +141,14 @@ Template.listActionPopup.helpers({
Template.listActionPopup.events({ Template.listActionPopup.events({
'click .js-list-subscribe'() {}, 'click .js-list-subscribe'() {},
'click .js-add-card.list-header-plus-bottom'(event) {
const listDom = $(`#js-list-${this._id}`)[0];
const listComponent = BlazeComponent.getComponentForElement(listDom);
listComponent.openForm({
position: 'bottom',
});
Popup.back();
},
'click .js-set-color-list': Popup.open('setListColor'), 'click .js-set-color-list': Popup.open('setListColor'),
'click .js-select-cards'() { 'click .js-select-cards'() {
const cardIds = this.allCards().map(card => card._id); const cardIds = this.allCards().map(card => card._id);