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;