Amelioration affichage colonnes fermees
This commit is contained in:
parent
d6597270dd
commit
3eb96fc75e
|
@ -195,17 +195,17 @@ export class BoardPage extends React.Component<BoardPageProps> {
|
||||||
<div className="level-item">
|
<div className="level-item">
|
||||||
<span className="tag is-primary is-light is-normal">{lane.cards.length}</span>
|
<span className="tag is-primary is-light is-normal">{lane.cards.length}</span>
|
||||||
</div>
|
</div>
|
||||||
<h3 className="level-item is-size-5">
|
|
||||||
{lane.title}
|
|
||||||
</h3>
|
|
||||||
<button className="button is-light level-item is-small expand"
|
<button className="button is-light level-item is-small expand"
|
||||||
onClick={this.onMinimizeColumn}>
|
onClick={this.onMinimizeColumn}>
|
||||||
<span className="icon">
|
<span className="icon">
|
||||||
<i className="fas fa-chevron-right" aria-hidden="true"></i>
|
<i className="fas fa-chevron-right" aria-hidden="true"></i>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
|
<h3 className="level-item is-size-5">
|
||||||
|
{lane.title}
|
||||||
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div className="level-right">
|
<div className="level-right is-show-expand">
|
||||||
<button className="button is-light level-item is-small"
|
<button className="button is-light level-item is-small"
|
||||||
onClick={this.onNewCardClick.bind(this, lane.id)}>
|
onClick={this.onNewCardClick.bind(this, lane.id)}>
|
||||||
<span className="icon">
|
<span className="icon">
|
||||||
|
|
|
@ -101,23 +101,41 @@
|
||||||
scrollbar-color: $grey-lighter, #f1f1f1;
|
scrollbar-color: $grey-lighter, #f1f1f1;
|
||||||
scrollbar-width: 5px;
|
scrollbar-width: 5px;
|
||||||
|
|
||||||
|
.kanboard-card {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
&.minimized {
|
&.minimized {
|
||||||
max-width: 40px;
|
max-width: 70px;
|
||||||
min-width: 40px;
|
min-width: 70px;
|
||||||
|
|
||||||
writing-mode: vertical-rl;
|
writing-mode: vertical-rl;
|
||||||
text-orientation: sideways-right;
|
text-orientation: sideways-right;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.level-item {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.level-left {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.level-right.is-show-expand {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.kanboard-lane {
|
.kanboard-lane {
|
||||||
margin-right: -1em;
|
/*margin-right: -1em;*/
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
margin-top: .5em;
|
margin-top: .5em;
|
||||||
margin-right: -.5em;
|
/*margin-right: -.5em;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag {
|
.tag {
|
||||||
margin-right: -1em;
|
writing-mode: horizontal-tb;
|
||||||
}
|
}
|
||||||
|
|
||||||
.expand {
|
.expand {
|
||||||
|
@ -126,8 +144,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.kanboard-card {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
width: 5px;
|
width: 5px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue