diff --git a/app/locales/locale-en.json b/app/locales/locale-en.json index 8fe5ee04..b6239fb9 100644 --- a/app/locales/locale-en.json +++ b/app/locales/locale-en.json @@ -946,8 +946,7 @@ "LINK_TASKBOARD": "Sprint Taskboard", "TITLE_LINK_TASKBOARD": "Go to Taskboard of \"{{name}}\"", "NUMBER_SPRINTS": "
sprints", - "EMPTY": "YOU HAVE NO SPRINTS CREATED", - "ACTION_NEW_SPRINT": "+ New sprint", + "EMPTY": "YOU HAVE NO SPRINTS", "TITLE_ACTION_NEW_SPRINT": "Add new sprint", "TEXT_ACTION_NEW_SPRINT": "You may want to create a new sprint in your project", "ACTION_SHOW_CLOSED_SPRINTS": "Show closed sprints", diff --git a/app/partials/includes/modules/sprints.jade b/app/partials/includes/modules/sprints.jade index 60769e53..3324f818 100644 --- a/app/partials/includes/modules/sprints.jade +++ b/app/partials/includes/modules/sprints.jade @@ -1,14 +1,19 @@ section.sprints - header - h1(translate="BACKLOG.SPRINTS.TITLE") - //- - div.summary - div.total-sprints - span.number(ng-bind="totalMilestones") -- - a.button-green.add-sprint(href="", title="{{ 'BACKLOG.SPRINTS.TITLE_ACTION_NEW_SPRINT' | translate }}", - span.description(translate="BACKLOG.SPRINTS.NUMBER_SPRINTS") - ng-click="ctrl.addNewSprint()", tg-check-permission="add_milestone") - span.text(translate="BACKLOG.SPRINTS.ACTION_NEW_SPRINT") + header.sprint-header + h1 + span.number( + ng-bind="totalMilestones" + ng-if="totalMilestones" + ) + span(translate="BACKLOG.SPRINTS.TITLE") + a.add-sprint( + href="" + title="{{ 'BACKLOG.SPRINTS.TITLE_ACTION_NEW_SPRINT' | translate}}" + ng-click="ctrl.addNewSprint()" + ng-if="totalMilestones" + tg-check-permission="add_milestone" + ) + include ../../../svg/add.svg div.sprints-empty(ng-if="!totalMilestones") img( diff --git a/app/styles/modules/backlog/sprints.scss b/app/styles/modules/backlog/sprints.scss index 69253101..e7c6979f 100644 --- a/app/styles/modules/backlog/sprints.scss +++ b/app/styles/modules/backlog/sprints.scss @@ -1,17 +1,27 @@ .sprints { - .summary { - background: darken($whitish, 10%); + .sprint-header { + align-content: center; + align-items: center; display: flex; justify-content: space-between; } - .total-sprints { - align-items: flex-start; - color: $grayer; - display: flex; + h1 { + margin: 0; } .add-sprint { - margin: 0; - padding: .3rem 1.5rem; + background: $primary; + padding: .25rem .25rem 0; + transition: background .2s; + &:hover { + background: $primary-light; + } + svg { + height: 1.4rem; + width: 1.5rem; + } + path { + fill: $whitish; + } } .filter-closed-sprints { @extend %small; @@ -237,7 +247,7 @@ text-align: center; img { margin: 1rem 0; - width: 60%; + width: 50%; } .title { @extend %large; diff --git a/app/svg/add.svg b/app/svg/add.svg new file mode 100644 index 00000000..77a2901a --- /dev/null +++ b/app/svg/add.svg @@ -0,0 +1,3 @@ + + +