diff --git a/app/fonts/taiga.eot b/app/fonts/taiga.eot
index b9ca3c95..badb203f 100644
Binary files a/app/fonts/taiga.eot and b/app/fonts/taiga.eot differ
diff --git a/app/fonts/taiga.svg b/app/fonts/taiga.svg
index eb050878..3c4d7715 100644
--- a/app/fonts/taiga.svg
+++ b/app/fonts/taiga.svg
@@ -41,4 +41,5 @@
+
diff --git a/app/fonts/taiga.ttf b/app/fonts/taiga.ttf
index 47167004..a68b2f9c 100644
Binary files a/app/fonts/taiga.ttf and b/app/fonts/taiga.ttf differ
diff --git a/app/fonts/taiga.woff b/app/fonts/taiga.woff
index 24286e56..8c265097 100644
Binary files a/app/fonts/taiga.woff and b/app/fonts/taiga.woff differ
diff --git a/app/partials/backlog.jade b/app/partials/backlog.jade
index 3e5bd619..377bc8f1 100644
--- a/app/partials/backlog.jade
+++ b/app/partials/backlog.jade
@@ -26,7 +26,14 @@ block content
span.icon.icon-tag
span.text Show Tags
include views/components/addnewus
- include views/modules/backlog-table
+ section.backlog-table(ng-class="{'empty': !visibleUserstories.lenght}")
+
+ div.empty-container(ng-show="!visibleUserstories.lenght")
+ 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
sidebar.menu-secondary.sidebar
include views/modules/sprints
div.lightbox.lightbox_add-new-us(tg-lb-create-edit-userstory)
diff --git a/app/partials/views/modules/backlog-table.jade b/app/partials/views/modules/backlog-table.jade
index 7e8b8cb5..669fced6 100644
--- a/app/partials/views/modules/backlog-table.jade
+++ b/app/partials/views/modules/backlog-table.jade
@@ -1,4 +1,4 @@
-section.backlog-table-header
+div.backlog-table-header
div.row.backlog-table-title
div.user-stories User Stories
div.status Status
@@ -6,5 +6,5 @@ section.backlog-table-header
span.header-points Points
span.icon.icon-arrow-bottom
-section.backlog-table-body(tg-backlog-sortable, ng-class="{'show-tags': ctrl.showTags}")
+div.backlog-table-body(tg-backlog-sortable, ng-class="{'show-tags': ctrl.showTags}" )
include ../components/backlog-row
diff --git a/app/styles/dependencies/colors.scss b/app/styles/dependencies/colors.scss
index ebc3cfcd..1df4e5c5 100755
--- a/app/styles/dependencies/colors.scss
+++ b/app/styles/dependencies/colors.scss
@@ -5,7 +5,6 @@ $blackish: #050505;
$gray: #555;
$grayer: #444;
$gray-light: #cdcdcd;
-$very-light-gray: #e3e3e3;
$whitish: #f5f5f5;
$very-light-gray: #fcfcfc;
$white: #fff;
diff --git a/app/styles/dependencies/typography.scss b/app/styles/dependencies/typography.scss
index fa522d7e..72a7a319 100755
--- a/app/styles/dependencies/typography.scss
+++ b/app/styles/dependencies/typography.scss
@@ -227,3 +227,6 @@ a:visited {
.icon-bulk:before {
content: 'H';
}
+.icon-idea:before {
+ content: 'I';
+}
diff --git a/app/styles/layout/backlog.scss b/app/styles/layout/backlog.scss
index 324d0eb5..18ec65d1 100644
--- a/app/styles/layout/backlog.scss
+++ b/app/styles/layout/backlog.scss
@@ -3,6 +3,28 @@
float: right;
}
}
+.backlog-table {
+ &.empty {
+ border: 1px dashed $gray-light;
+ min-height: 10rem;
+ .backlog-table-header,
+ .backlog-table-body {
+ display: none;
+ }
+ .empty-container {
+ color: $gray-light;
+ padding: 5% 0;
+ text-align: center;
+ }
+ .icon {
+ @extend %xxlarge;
+ margin-bottom: 2rem;
+ }
+ span {
+ display: block;
+ }
+ }
+}
.backlog-menu {
@include clearfix;