Empty backlog placeholder

stable
Xavier Julián 2015-10-05 11:57:40 +02:00 committed by Alejandro Alonso
parent 161d3e3bd7
commit ab319029dd
7 changed files with 58 additions and 54 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

BIN
app/images/sprint-empty.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -19,33 +19,41 @@ div.wrapper(tg-backlog, ng-controller="BacklogController as ctrl",
div.backlog-menu
div.backlog-table-options
a.trans-button.move-to-current-sprint(href="",
title="{{'BACKLOG.MOVE_US_TO_CURRENT_SPRINT' | translate}}",
id="move-to-current-sprint")
a.trans-button.move-to-current-sprint(
href=""
title="{{'BACKLOG.MOVE_US_TO_CURRENT_SPRINT' | translate}}"
id="move-to-current-sprint"
)
span.icon.icon-move
span.text(translate="BACKLOG.MOVE_US_TO_CURRENT_SPRINT")
a.trans-button(href="",
title="{{'BACKLOG.FILTERS.TOGGLE' | translate}}",
id="show-filters-button")
span.icon.icon-filter
span.text(translate="BACKLOG.FILTERS.SHOW")
a.trans-button(href="",
title="{{'BACKLOG.TAGS.TOGGLE' | translate}}",
id="show-tags")
span.icon.icon-tag
span.text(translate="BACKLOG.TAGS.SHOW")
a.trans-button(
href=""
title="{{'BACKLOG.FILTERS.TOGGLE' | translate}}"
id="show-filters-button"
translate="BACKLOG.FILTERS.SHOW"
)
a.trans-button(
href=""
title="{{'BACKLOG.TAGS.TOGGLE' | translate}}"
id="show-tags"
translate="BACKLOG.TAGS.SHOW"
)
include ../includes/components/addnewus
section.backlog-table(ng-class="{'hidden': !userstories.length}")
include ../includes/modules/backlog-table
div.empty.empty-backlog(ng-class="{'hidden': userstories.length}", tg-backlog-empty-sortable)
span.icon.icon-backlog
span.title(translate="BACKLOG.EMPTY")
a(href="", title="{{'BACKLOG.CREATE_NEW_US' | translate}}",
ng-click="ctrl.addNewUs('standard')",
tg-check-permission="add_us",
translate="BACKLOG.CREATE_NEW_US_EMPTY_HELP")
div.empty-backlog(ng-class="{'hidden': userstories.length}", tg-backlog-empty-sortable)
img(
src="/images/backlog-empty.png"
alt="{{'BACKLOG.EMPTY' | translate}}"
)
p.title(translate="BACKLOG.EMPTY")
a(href="", title="{{'BACKLOG.CREATE_NEW_US' | translate}}"
ng-click="ctrl.addNewUs('standard')"
tg-check-permission="add_us"
translate="BACKLOG.CREATE_NEW_US_EMPTY_HELP"
)
sidebar.menu-secondary.sidebar
include ../includes/modules/sprints

View File

@ -79,26 +79,3 @@ sup {
}
}
}
//Empty
.empty {
border: 1px dashed $gray-light;
color: $gray-light;
min-height: 10rem;
padding: 5% 0;
text-align: center;
.icon {
@extend %xxlarge;
margin-bottom: 2rem;
}
span {
display: block;
&.title {
@extend %xlarge;
@extend %title;
margin-bottom: 1rem;
text-transform: uppercase;
}
}
}

View File

@ -4,16 +4,19 @@
display: flex;
justify-content: space-between;
margin-bottom: 1rem;
padding: .5rem;
.backlog-table-options {
.trans-button {
@extend %trans-button;
color: $blackish;
display: inline-block;
margin-right: 1rem;
padding: .3rem 0;
padding: .4rem 1.5rem;
&:hover {
background: $gray-light;
color: $whitish;
}
&.move-to-current-sprint {
display: none;
}
span {
vertical-align: middle;
}
}
.button-bulk {

View File

@ -248,3 +248,20 @@
padding-right: 45px;
}
}
.empty-backlog {
@extend %light;
padding: 2rem;
text-align: center;
img {
margin-bottom: 1rem;
}
.title {
@extend %large;
margin-bottom: .5rem;
text-transform: uppercase;
}
a {
color: $primary;
}
}

View File

@ -4,7 +4,6 @@
border: 0;
}
}
.row {
align-content: center;
align-items: center;