|
|
@ -4,6 +4,7 @@ $board-list-max-width: 300px |
|
|
|
.controller-boards\/boards |
|
|
|
.controller-boards\/boards |
|
|
|
#content-wrapper |
|
|
|
#content-wrapper |
|
|
|
padding-bottom: 0 |
|
|
|
padding-bottom: 0 |
|
|
|
|
|
|
|
padding-left: 0 |
|
|
|
#content |
|
|
|
#content |
|
|
|
height: 100% |
|
|
|
height: 100% |
|
|
|
|
|
|
|
|
|
|
@ -23,10 +24,14 @@ $board-list-max-width: 300px |
|
|
|
max-width: $board-list-max-width |
|
|
|
max-width: $board-list-max-width |
|
|
|
position: relative |
|
|
|
position: relative |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:first-of-type |
|
|
|
|
|
|
|
margin-left: 5px |
|
|
|
|
|
|
|
|
|
|
|
.board--header-container |
|
|
|
.board--header-container |
|
|
|
display: flex |
|
|
|
display: flex |
|
|
|
align-items: flex-start |
|
|
|
align-items: flex-start |
|
|
|
margin-bottom: 0 |
|
|
|
margin-bottom: 0 |
|
|
|
|
|
|
|
margin-left: 20px |
|
|
|
|
|
|
|
|
|
|
|
.boards-list-item-handle |
|
|
|
.boards-list-item-handle |
|
|
|
position: absolute |
|
|
|
position: absolute |
|
|
@ -48,20 +53,17 @@ $board-list-max-width: 300px |
|
|
|
opacity: 1 |
|
|
|
opacity: 1 |
|
|
|
|
|
|
|
|
|
|
|
.boards-list--add-item |
|
|
|
.boards-list--add-item |
|
|
|
flex: 0 0 230px |
|
|
|
flex: 0 0 auto |
|
|
|
border: 1px dashed #ccc |
|
|
|
|
|
|
|
border-radius: 5px |
|
|
|
|
|
|
|
// Same height as board list header |
|
|
|
// Same height as board list header |
|
|
|
height: 43px |
|
|
|
height: 43px |
|
|
|
margin-left: 30px |
|
|
|
line-height: 43px |
|
|
|
|
|
|
|
margin-left: 15px |
|
|
|
// Center child text |
|
|
|
font-size: 14px |
|
|
|
display: flex |
|
|
|
cursor: pointer |
|
|
|
align-items: center |
|
|
|
color: var(--gray-dark) |
|
|
|
justify-content: center |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Align self at top |
|
|
|
&:hover |
|
|
|
align-self: flex-start |
|
|
|
color: var(--body-font-color) |
|
|
|
|
|
|
|
|
|
|
|
.board--container |
|
|
|
.board--container |
|
|
|
position: relative |
|
|
|
position: relative |
|
|
@ -69,13 +71,5 @@ $board-list-max-width: 300px |
|
|
|
flex-direction: column |
|
|
|
flex-direction: column |
|
|
|
height: 100% |
|
|
|
height: 100% |
|
|
|
|
|
|
|
|
|
|
|
// Changes when container is editable |
|
|
|
|
|
|
|
&.-editable |
|
|
|
|
|
|
|
.boards-list--add-item |
|
|
|
|
|
|
|
cursor: pointer |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&:hover |
|
|
|
|
|
|
|
background-color: #f0f0f080 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.boards-filters-container .work-packages--filters-optional-container |
|
|
|
.boards-filters-container .work-packages--filters-optional-container |
|
|
|
margin-bottom: 1rem |
|
|
|
margin-bottom: 1rem |
|
|
|