Amelioration affichage colonnes fermees

This commit is contained in:
Benjamin Gaudé 2020-06-17 11:33:09 +02:00
parent d6597270dd
commit 3eb96fc75e
2 changed files with 32 additions and 9 deletions

View File

@ -195,17 +195,17 @@ export class BoardPage extends React.Component<BoardPageProps> {
<div className="level-item">
<span className="tag is-primary is-light is-normal">{lane.cards.length}</span>
</div>
<h3 className="level-item is-size-5">
{lane.title}
</h3>
<button className="button is-light level-item is-small expand"
onClick={this.onMinimizeColumn}>
<span className="icon">
<i className="fas fa-chevron-right" aria-hidden="true"></i>
</span>
</button>
<h3 className="level-item is-size-5">
{lane.title}
</h3>
</div>
<div className="level-right">
<div className="level-right is-show-expand">
<button className="button is-light level-item is-small"
onClick={this.onNewCardClick.bind(this, lane.id)}>
<span className="icon">

View File

@ -101,23 +101,41 @@
scrollbar-color: $grey-lighter, #f1f1f1;
scrollbar-width: 5px;
.kanboard-card {
display: block;
}
&.minimized {
max-width: 40px;
min-width: 40px;
max-width: 70px;
min-width: 70px;
writing-mode: vertical-rl;
text-orientation: sideways-right;
.level-item {
margin-right: 0;
}
.level-left {
margin-right: 0;
}
.level-right.is-show-expand {
display: none;
}
.kanboard-lane {
margin-right: -1em;
/*margin-right: -1em;*/
h3 {
margin-top: .5em;
margin-right: -.5em;
/*margin-right: -.5em;*/
}
.tag {
margin-right: -1em;
writing-mode: horizontal-tb;
}
.expand {
@ -125,8 +143,13 @@
margin-top: .5em;
}
}
.kanboard-card {
display: none;
}
}
&::-webkit-scrollbar {
width: 5px;