diff --git a/client/src/components/BoardPage/BoardPage.tsx b/client/src/components/BoardPage/BoardPage.tsx index bc07950..208a5f8 100644 --- a/client/src/components/BoardPage/BoardPage.tsx +++ b/client/src/components/BoardPage/BoardPage.tsx @@ -185,6 +185,12 @@ export class BoardPage extends React.Component {

{lane.title}

+
- {card.issue.title} + {card.issue.title ? card.issue.title : ''} { diff --git a/client/src/sass/_kanboard.scss b/client/src/sass/_kanboard.scss index 4a0885a..f4d893c 100644 --- a/client/src/sass/_kanboard.scss +++ b/client/src/sass/_kanboard.scss @@ -45,9 +45,11 @@ .kanboard-lane { margin-bottom: $size-small; background: $white; - position: sticky; - position: -webkit-sticky; top: 0; + + .expand { + display: none; + } } } @@ -87,6 +89,7 @@ } .react-kanban-column { + transition: width ease .2s; max-width: 305px; min-width: 305px; position: relative; @@ -99,8 +102,30 @@ scrollbar-width: 5px; &.minimized { - max-width: 30px; - min-width: 30px; + max-width: 40px; + min-width: 40px; + + writing-mode: vertical-rl; + text-orientation: sideways-right; + + .kanboard-lane { + margin-right: -1em; + + h3 { + margin-top: .5em; + margin-right: -.5em; + } + + .tag { + margin-right: -1em; + } + + .expand { + display: block !important; + margin-top: .5em; + } + } + } &::-webkit-scrollbar {