diff options
| author | Maxime Quandalle <maxime@quandalle.com> | 2015-05-24 12:30:58 +0200 |
|---|---|---|
| committer | Maxime Quandalle <maxime@quandalle.com> | 2015-05-24 22:11:40 +0200 |
| commit | 781577db041e0008de22f31bcc1cb11ae96670e0 (patch) | |
| tree | b45e220039b81149c463ee060dcc03d79e589a77 /client/components/cards/minicard.styl | |
| parent | 40b605f7d897db6eb2697be1748741221378e71c (diff) | |
| download | wekan-781577db041e0008de22f31bcc1cb11ae96670e0.tar.gz wekan-781577db041e0008de22f31bcc1cb11ae96670e0.tar.bz2 wekan-781577db041e0008de22f31bcc1cb11ae96670e0.zip | |
Experiment new ergonomics to interact with card details
The idea is that by displaying card details in a sidebar stuck on the
right of the screen, the mouse had to travel too much before
interacting with it. I also don’t want to use the Trello solution
(modal) on big screens, because I like the ability to interact with
the selected card and with the board at the same time (like in a
e-mail client).
The solution introduced in this commit consist of opening the card
detail in a column next to the minicard list.
This commit also fix right sidebar members and labels drag and drop.
Diffstat (limited to 'client/components/cards/minicard.styl')
| -rw-r--r-- | client/components/cards/minicard.styl | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/client/components/cards/minicard.styl b/client/components/cards/minicard.styl index a78cd46f..1b9e60b5 100644 --- a/client/components/cards/minicard.styl +++ b/client/components/cards/minicard.styl @@ -4,7 +4,6 @@ border-radius: 2px cursor: pointer margin-bottom: 9px - max-width: 300px min-height: 20px position: relative z-index: 0 @@ -42,10 +41,16 @@ position: relative z-index: 10 - &.is-selected + margin-left: -11px + transform: translateX(- @margin-left) + border-bottom-right-radius: 0 + border-top-right-radius: 0 + z-index: 100 + box-shadow: -2px 1px 2px rgba(0,0,0,.2) + .minicard-details - padding-bottom: 0 + margin-right: 11px a.minicard-details text-decoration:none |