diff options
author | Maxime Quandalle <maxime@quandalle.com> | 2015-06-05 21:37:13 +0200 |
---|---|---|
committer | Maxime Quandalle <maxime@quandalle.com> | 2015-06-05 21:37:13 +0200 |
commit | dea52907bdbed92c95dec7e7e832ac95d9f9d388 (patch) | |
tree | 22edfa8b3eb623084edcb2e25abb0bd8285b9cc4 /client/components/boards/boardBody.js | |
parent | 97807abd709f4355964b52105c0931d6671ff20b (diff) | |
download | wekan-dea52907bdbed92c95dec7e7e832ac95d9f9d388.tar.gz wekan-dea52907bdbed92c95dec7e7e832ac95d9f9d388.tar.bz2 wekan-dea52907bdbed92c95dec7e7e832ac95d9f9d388.zip |
Start designing the card details pane
Implement a dynamic overflow to focus sight on the pane.
Diffstat (limited to 'client/components/boards/boardBody.js')
-rw-r--r-- | client/components/boards/boardBody.js | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/client/components/boards/boardBody.js b/client/components/boards/boardBody.js index b5e4154a..6de7fba6 100644 --- a/client/components/boards/boardBody.js +++ b/client/components/boards/boardBody.js @@ -14,12 +14,16 @@ BlazeComponent.extendComponent({ onCreated: function() { this.draggingActive = new ReactiveVar(false); + this.showOverlay = new ReactiveVar(false); }, openNewListForm: function() { this.componentChildren('addListForm')[0].open(); }, + // XXX Flow components allow us to avoid creating these two setter methods by + // exposing a public API to modify the component state. We need to investigate + // best practices here. setIsDragging: function(bool) { this.draggingActive.set(bool); }, @@ -60,9 +64,9 @@ BlazeComponent.extendComponent({ var removeNode = _.once(function() { node.parentNode.removeChild(node); }); - if ($(node).hasClass('js-card-detail')) { + if ($(node).hasClass('js-card-details')) { $(node).css({ - flex: '0 0 0', + flexBasis: 0, padding: 0 }); $(lists).one(endTransitionEvents, removeNode); |