Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-16 07:20:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Experiment new ergonomics to interact with card details

Browse source 
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.
This commit is contained in:
Maxime Quandalle 2015-05-24 12:30:58 +02:00
parent 40b605f7d8
commit 781577db04
22 changed files with 225 additions and 203 deletions
Download patch file Download diff file Expand all files Collapse all files

12
client/components/lists/main.styl
View file

@ -10,8 +10,7 @@
// transparent, because that won't work during a list drag.
background: darken(white, 10%)
height: 100%
border-right: 1px solid darken(white, 17%)
border-left: 1px solid darken(white, 4%)
border-left: 1px solid darken(white, 20%)
padding: 12px 7px 5px
overflow-y: auto
@ -19,9 +18,8 @@
margin-left: 5px
border-left: none
&:last-child
margin-right: 5px
border-right: none
.card-detail + &
border-left: none
&.editable
cursor: grab
@ -87,9 +85,6 @@
margin: 0
.minicards
// flex: 1 1 auto
overflow-y: auto
overflow-x: hidden
padding: 4px 4px 1px
z-index: 1
height: 100%
@ -105,7 +100,6 @@
padding: 7px 10px
position: relative
text-decoration: none
animation: fadeIn 0.2s
i.fa
margin-right: 7px