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;
}
}