mirror of
https://github.com/wekan/wekan.git
synced 2025-12-15 23:10:13 +01:00
781577db04
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.
50 lines
824 B
Stylus
50 lines
824 B
Stylus
@import 'nib'
|
|
|
|
.board-wrapper
|
|
left: 0
|
|
top: 0
|
|
bottom: 0
|
|
right: 0
|
|
position: absolute
|
|
overflow: hidden
|
|
|
|
.board-canvas
|
|
position: absolute
|
|
left: 0
|
|
right: 0
|
|
top: 0
|
|
bottom: 0
|
|
transition: margin .1s
|
|
|
|
&.next-sidebar
|
|
margin-right: 248px
|
|
|
|
.lists
|
|
align-items: flex-start
|
|
display: flex
|
|
flex-direction: row
|
|
margin-bottom: 10px
|
|
overflow-x: auto
|
|
overflow-y: hidden
|
|
padding-bottom: 10px
|
|
position: absolute
|
|
top: 0
|
|
right: 0
|
|
bottom: 0
|
|
left: 0
|
|
|
|
&::-webkit-scrollbar
|
|
height: 13px
|
|
width: 13px
|
|
|
|
&::-webkit-scrollbar-thumb:vertical,
|
|
&::-webkit-scrollbar-thumb:horizontal
|
|
background: rgba(255, 255, 255, .4)
|
|
|
|
&::-webkit-scrollbar-track-piece
|
|
background: rgba(0, 0, 0, .15)
|
|
|
|
&::-webkit-scrollbar-button
|
|
display: block
|
|
height: 5px
|
|
width: 5px
|