Refonte de l'UI #37

Manually merged
wpetit merged 7 commits from issue-35 into develop 2020-06-17 11:36:22 +02:00
2 changed files with 32 additions and 9 deletions
Showing only changes of commit 3eb96fc75e - Show all commits

View File

@ -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">

View File

@ -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;
} }