diff --git a/app/partials/backlog.jade b/app/partials/backlog.jade index 93f5609c..0398c953 100644 --- a/app/partials/backlog.jade +++ b/app/partials/backlog.jade @@ -29,8 +29,8 @@ block content section.backlog-table(ng-class="{'hidden': !visibleUserstories.length}") include views/modules/backlog-table div.empty.empty-backlog(ng-class="{'hidden': visibleUserstories.length}") - span.icon.icon-idea - span Your backlog is empty. + span.icon.icon-backlog + span.title 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 include views/modules/sprints diff --git a/app/styles/dependencies/elements.scss b/app/styles/dependencies/elements.scss index 9dcdc169..753b17e4 100644 --- a/app/styles/dependencies/elements.scss +++ b/app/styles/dependencies/elements.scss @@ -84,3 +84,26 @@ ol { list-style: decimal; } } } } + + +//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; + } + } +} diff --git a/app/styles/layout/backlog.scss b/app/styles/layout/backlog.scss index 4756cec2..324d0eb5 100644 --- a/app/styles/layout/backlog.scss +++ b/app/styles/layout/backlog.scss @@ -3,20 +3,6 @@ float: right; } } -.empty-backlog { - 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; - } -} .backlog-menu { @include clearfix; diff --git a/app/styles/modules/issues/issues-table.scss b/app/styles/modules/issues/issues-table.scss index 2a7a08dc..dcb8c7bd 100644 --- a/app/styles/modules/issues/issues-table.scss +++ b/app/styles/modules/issues/issues-table.scss @@ -1,24 +1,3 @@ -.empty-issues { - 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; - } - } -} - .issues-table { @include table-flex(); margin-bottom: 2rem;