Empty backlog placeholder
parent
161d3e3bd7
commit
ab319029dd
Binary file not shown.
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
After Width: | Height: | Size: 17 KiB |
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -4,16 +4,19 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1rem;
|
||||
padding: .5rem;
|
||||
.trans-button {
|
||||
display: inline-block;
|
||||
margin-right: 1rem;
|
||||
padding: .3rem 0;
|
||||
&.move-to-current-sprint {
|
||||
display: none;
|
||||
}
|
||||
span {
|
||||
vertical-align: middle;
|
||||
.backlog-table-options {
|
||||
.trans-button {
|
||||
@extend %trans-button;
|
||||
color: $blackish;
|
||||
display: inline-block;
|
||||
padding: .4rem 1.5rem;
|
||||
&:hover {
|
||||
background: $gray-light;
|
||||
color: $whitish;
|
||||
}
|
||||
&.move-to-current-sprint {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.button-bulk {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -4,7 +4,6 @@
|
|||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
|
|
Loading…
Reference in New Issue