diff --git a/app/coffee/modules/backlog/main.coffee b/app/coffee/modules/backlog/main.coffee index 5daeb6fe..e8ad8439 100644 --- a/app/coffee/modules/backlog/main.coffee +++ b/app/coffee/modules/backlog/main.coffee @@ -336,6 +336,10 @@ BacklogDirective = ($repo, $rootscope) -> ######################### ## Doom line Link ######################### + #TODO: i18n + doomLineTemplate = _.template(""" +
Project Scope [Doomline]
+ """) linkDoomLine = ($scope, $el, $attrs, $ctrl) -> @@ -343,7 +347,7 @@ BacklogDirective = ($repo, $rootscope) -> $el.find(".doom-line").remove() addDoomLineDom = (element) -> - element?.before($( "
", { class:"doom-line"})) + element?.before(doomLineTemplate({})) getUsItems = -> rowElements = $el.find('.backlog-table-body .us-item-row') diff --git a/app/styles/components/summary.scss b/app/styles/components/summary.scss index 683f102b..5992d6c1 100644 --- a/app/styles/components/summary.scss +++ b/app/styles/components/summary.scss @@ -48,14 +48,14 @@ .summary-progress-bar { background: $whitish; float: left; - height: 26px; + height: 31px; margin-bottom: 0; margin-right: 10px; position: relative; width: 20%; .current-progress { background: $fresh-taiga; - height: 20px; + height: 24px; left: 2px; position: absolute; top: 3px; diff --git a/app/styles/modules/backlog/backlog-table.scss b/app/styles/modules/backlog/backlog-table.scss index 391a41a7..455c27bd 100644 --- a/app/styles/modules/backlog/backlog-table.scss +++ b/app/styles/modules/backlog/backlog-table.scss @@ -6,7 +6,6 @@ @include table-flex(); @extend %small; border-bottom: 1px solid $gray-light; - cursor: move; padding: .5rem 0 .5rem .5rem; text-align: left; width: 100%; @@ -91,6 +90,7 @@ .backlog-table-body { .row { + cursor: move; position: relative; &:hover { @include transition (background .2s ease-in); @@ -154,12 +154,18 @@ } } .doom-line { - background: $red; - border-bottom: 2px solid lighten($red, 10%); - border-top: 2px solid darken($red, 10%); - height: 4px; - margin: .5rem 0; + background: rgba($red, .5); + padding: .5rem 0; + position: relative; width: 100%; + span { + @extend %small; + @extend %title; + color: $white; + position: absolute; + right: .5rem; + top: -3px; + } } .us-settings a, .icon-drag-v { @@ -181,6 +187,6 @@ opacity: 0; position: absolute; right: .5rem; - top: 1rem; + top: .5rem; } }