github-mirrors/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-04-23 13:37:09 -04:00
Code Issues Projects Releases Packages Wiki Activity

Improve the card details pane overlay interactions

Browse source
This commit is contained in:
Maxime Quandalle 2015-06-06 12:07:52 +02:00
parent 5cd0ec08aa
commit 49167ccaa9
4 changed files with 13 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
client/components/boards/boardBody.js
View file

@ -119,6 +119,16 @@ BlazeComponent.extendComponent({
var sidebar = this.componentChildren('sidebar')[0];
if (sidebar && sidebar.isOpen())
return 'next-sidebar';
},
events: function() {
return [{
// XXX The board-overlay div should probably be moved to the parent
// component.
'mouseenter .board-overlay': function() {
this.showOverlay.set(false);
}
}];
}
}).register('boardComponent');

1
client/components/boards/boardBody.styl
View file

@ -19,6 +19,7 @@ position()
.board-overlay
position: cover
top: -100px
background: black
opacity: 0.33
animation: fadeIn 0.2s

6
client/components/cards/details.js
View file

@ -59,12 +59,6 @@ BlazeComponent.extendComponent({
'click .js-add-labels': Popup.open('cardLabels'),
'mouseenter .js-card-details': function() {
this.componentParent().showOverlay.set(true);
},
'mouseleave .js-card-details': function(evt) {
// We don't want to hide the overlay if the mouse is entering a pop-over
var $pointedElement = $(evt.toElement || evt.relatedTarget);
if ($pointedElement.closest('.pop-over').length === 0)
this.componentParent().showOverlay.set(false);
}
}];
}

4
client/components/lists/body.js
View file

@ -78,7 +78,7 @@ BlazeComponent.extendComponent({
// Pressing Enter should submit the card
if (evt.keyCode === 13) {
evt.preventDefault();
var $form = $(evt.currentTarget).parents('form:first');
var $form = $(evt.currentTarget).closest('form');
// XXX For some reason $form.submit() does not work (it's probably a bug
// of blaze-component related to the fact that the submit event is non-
// bubbling). This is why we click on the submit button instead -- which
@ -93,7 +93,7 @@ BlazeComponent.extendComponent({
var list = $('#js-list-' + this.data().listId);
var listSelector = '.js-list:not(.js-list-composer)';
var nextList = list[isReverse ? 'prev' : 'next'](listSelector).get(0);
// If there isn't no next list, loop back to the beginning.
// If there is no next list, loop back to the beginning.
if (! nextList) {
nextList = $(listSelector + (isReverse ? ':last' : ':first')).get(0);
}