diff options
author | Maxime Quandalle <maxime@quandalle.com> | 2015-08-28 05:11:45 +0200 |
---|---|---|
committer | Maxime Quandalle <maxime@quandalle.com> | 2015-08-28 06:07:21 +0200 |
commit | 91cfcf7b12b5e7c137c2e765b2c378dde6b82966 (patch) | |
tree | fc0314bc81f6e12361858994a22b8dd66cc56098 /client/components/cards/cardDetails.js | |
parent | 5eb67e803af0fd674f85a80e47913fa13fed24b2 (diff) | |
download | wekan-91cfcf7b12b5e7c137c2e765b2c378dde6b82966.tar.gz wekan-91cfcf7b12b5e7c137c2e765b2c378dde6b82966.tar.bz2 wekan-91cfcf7b12b5e7c137c2e765b2c378dde6b82966.zip |
Yet another iteration on the user interface
* Automatically display the overlay when the card details is opened
(previously we waited for the mouse to enter the card details panel)
* Improve the design of the minicards badges
* Change the minicard background when it is hovered or selected
* Removes unimplemented features links from the UI
* Fix the board canvas position when the sidebar is open (was hidden
behind)
Fixes #215
Diffstat (limited to 'client/components/cards/cardDetails.js')
-rw-r--r-- | client/components/cards/cardDetails.js | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/client/components/cards/cardDetails.js b/client/components/cards/cardDetails.js index 4fa90bf7..82ecde85 100644 --- a/client/components/cards/cardDetails.js +++ b/client/components/cards/cardDetails.js @@ -1,3 +1,7 @@ +// XXX Obviously this shouldn't be a global, but this is currently the only way +// to share a variable between two files. + + BlazeComponent.extendComponent({ template: function() { return 'cardDetails'; @@ -17,6 +21,12 @@ BlazeComponent.extendComponent({ activitiesComponent.loadNextPage(); }, + onCreated: function() { + this.isLoaded = new ReactiveVar(false); + this.componentParent().showOverlay.set(true); + this.componentParent().mouseHasEnterCardDetails = false; + }, + onRendered: function() { var bodyBoardComponent = this.componentParent(); var additionalMargin = 550; @@ -35,10 +45,6 @@ BlazeComponent.extendComponent({ }); }, - onCreated: function() { - this.isLoaded = new ReactiveVar(false); - }, - events: function() { var events = { [CSSEvents.animationend + ' .js-card-details']: function() { @@ -69,6 +75,7 @@ BlazeComponent.extendComponent({ 'click .js-add-labels': Popup.open('cardLabels'), 'mouseenter .js-card-details': function() { this.componentParent().showOverlay.set(true); + this.componentParent().mouseHasEnterCardDetails = true; } })]; } |