Fixed broken tables when empty tables

stable
Xavier Julián 2014-08-13 09:37:58 +02:00
parent 81a4a75ec4
commit 18ba817a97
4 changed files with 22 additions and 29 deletions

View File

@ -26,14 +26,12 @@ block content
span.icon.icon-tag span.icon.icon-tag
span.text Show Tags span.text Show Tags
include views/components/addnewus include views/components/addnewus
section.backlog-table(ng-class="{'empty': !visibleUserstories.length}") section.backlog-table(ng-class="{'hidden': !visibleUserstories.length}")
include views/modules/backlog-table
div.empty-container(ng-show="!visibleUserstories.length") div.empty.empty-backlog(ng-class="{'hidden': visibleUserstories.length}")
span.icon.icon-idea span.icon.icon-idea
span Your backlog is empty. span Your backlog is empty.
a(href="", title+"Create a new US", ng-click="ctrl.addNewUs('standard')", a(href="", title+"Create a new US", ng-click="ctrl.addNewUs('standard')", tg-check-permission="tg-check-permission", permission="add_us") Create a new User Story
tg-check-permission="tg-check-permission", permission="add_us") Create a new User Story
include views/modules/backlog-table
sidebar.menu-secondary.sidebar sidebar.menu-secondary.sidebar
include views/modules/sprints include views/modules/sprints
div.lightbox.lightbox_add-new-us(tg-lb-create-edit-userstory) div.lightbox.lightbox_add-new-us(tg-lb-create-edit-userstory)

View File

@ -19,6 +19,6 @@ section.issues-table.basic-table(ng-class="{empty: !issues.length}")
section.empty.empty-issues(ng-class="{hidden: issues.length}") section.empty.empty-issues(ng-class="{hidden: issues.length}")
span.icon.icon-issues span.icon.icon-issues
span Cool! Your project is out of issues! span.title There are no issues to report :-)
span Did you find an issue? span Did you find an issue?
a(href="", title+"Create a new US", ng-click="ctrl.addNewIssue()") Create a new Issue a(href="", title+"Create a new US", ng-click="ctrl.addNewIssue()") Create a new Issue

View File

@ -3,19 +3,12 @@
float: right; float: right;
} }
} }
.backlog-table { .empty-backlog {
&.empty {
border: 1px dashed $gray-light; border: 1px dashed $gray-light;
min-height: 10rem;
.backlog-table-header,
.backlog-table-body {
display: none;
}
.empty-container {
color: $gray-light; color: $gray-light;
min-height: 10rem;
padding: 5% 0; padding: 5% 0;
text-align: center; text-align: center;
}
.icon { .icon {
@extend %xxlarge; @extend %xxlarge;
margin-bottom: 2rem; margin-bottom: 2rem;
@ -23,7 +16,6 @@
span { span {
display: block; display: block;
} }
}
} }
.backlog-menu { .backlog-menu {

View File

@ -10,8 +10,11 @@
} }
span { span {
display: block; display: block;
&:nth-child(2) { &.title {
@extend %xlarge;
@extend %title;
margin-bottom: 1rem; margin-bottom: 1rem;
text-transform: uppercase;
} }
} }
} }