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}")
div.empty-container(ng-show="!visibleUserstories.length")
span.icon.icon-idea
span Your backlog is empty.
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
include views/modules/backlog-table include views/modules/backlog-table
div.empty.empty-backlog(ng-class="{'hidden': visibleUserstories.length}")
span.icon.icon-idea
span Your backlog is empty.
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
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,26 +3,18 @@
float: right; float: right;
} }
} }
.backlog-table { .empty-backlog {
&.empty { border: 1px dashed $gray-light;
border: 1px dashed $gray-light; color: $gray-light;
min-height: 10rem; min-height: 10rem;
.backlog-table-header, padding: 5% 0;
.backlog-table-body { text-align: center;
display: none; .icon {
} @extend %xxlarge;
.empty-container { margin-bottom: 2rem;
color: $gray-light; }
padding: 5% 0; span {
text-align: center; display: block;
}
.icon {
@extend %xxlarge;
margin-bottom: 2rem;
}
span {
display: block;
}
} }
} }

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