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/boards/boardBody.styl | |
| 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/boards/boardBody.styl')
| -rw-r--r-- | client/components/boards/boardBody.styl | 17 |
1 files changed, 5 insertions, 12 deletions
diff --git a/client/components/boards/boardBody.styl b/client/components/boards/boardBody.styl index b0649f45..dd961bae 100644 --- a/client/components/boards/boardBody.styl +++ b/client/components/boards/boardBody.styl @@ -26,11 +26,10 @@ position() animation: fadeIn 0.2s z-index: 16 - &.next-sidebar + &.is-sibling-sidebar-open margin-right: 248px &.is-dragging-active - .open-minicard-composer, .minicard-wrapper.is-checked display: none @@ -39,14 +38,8 @@ position() align-items: flex-start display: flex flex-direction: row - margin-bottom: 10px - overflow: auto - padding-bottom: 5px + margin: 0 10px 10px + padding: 0 25px 5px 0 + overflow-x: auto + overflow-y: hidden position: cover - - // In order for the card details pane to overlap the header we need to - // virtually increase this container size with the below hack. (Note that it - // is not possible to set overflow-x: auto, overflow-y: hidden as I - // originally tried). - padding-top: 10px - top: -10px |