taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

minor style improvements in backlog page

stable
Xavier Julián 2014-07-24 12:39:35 +02:00
parent 9056b944c8
commit 71277385e1
3 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/coffee/modules/backlog/main.coffee
View File

@ -336,6 +336,10 @@ BacklogDirective = ($repo, $rootscope) ->
######################### #########################
## Doom line Link ## Doom line Link
######################### #########################
#TODO: i18n
doomLineTemplate = _.template("""
<div class="doom-line"><span>Project Scope [Doomline]</span></div>
""")
linkDoomLine = ($scope, $el, $attrs, $ctrl) -> linkDoomLine = ($scope, $el, $attrs, $ctrl) ->
@ -343,7 +347,7 @@ BacklogDirective = ($repo, $rootscope) ->
$el.find(".doom-line").remove() $el.find(".doom-line").remove()
addDoomLineDom = (element) -> addDoomLineDom = (element) ->
element?.before($( "<hr>", { class:"doom-line"})) element?.before(doomLineTemplate({}))
getUsItems = -> getUsItems = ->
rowElements = $el.find('.backlog-table-body .us-item-row') rowElements = $el.find('.backlog-table-body .us-item-row')

4
app/styles/components/summary.scss
View File

@ -48,14 +48,14 @@
.summary-progress-bar { .summary-progress-bar {
background: $whitish; background: $whitish;
float: left; float: left;
height: 26px; height: 31px;
margin-bottom: 0; margin-bottom: 0;
margin-right: 10px; margin-right: 10px;
position: relative; position: relative;
width: 20%; width: 20%;
.current-progress { .current-progress {
background: $fresh-taiga; background: $fresh-taiga;
height: 20px; height: 24px;
left: 2px; left: 2px;
position: absolute; position: absolute;
top: 3px; top: 3px;

20
app/styles/modules/backlog/backlog-table.scss
View File

@ -6,7 +6,6 @@
@include table-flex(); @include table-flex();
@extend %small; @extend %small;
border-bottom: 1px solid $gray-light; border-bottom: 1px solid $gray-light;
cursor: move;
padding: .5rem 0 .5rem .5rem; padding: .5rem 0 .5rem .5rem;
text-align: left; text-align: left;
width: 100%; width: 100%;
@ -91,6 +90,7 @@
.backlog-table-body { .backlog-table-body {
.row { .row {
cursor: move;
position: relative; position: relative;
&:hover { &:hover {
@include transition (background .2s ease-in); @include transition (background .2s ease-in);
@ -154,12 +154,18 @@
} }
} }
.doom-line { .doom-line {
background: $red; background: rgba($red, .5);
border-bottom: 2px solid lighten($red, 10%); padding: .5rem 0;
border-top: 2px solid darken($red, 10%); position: relative;
height: 4px;
margin: .5rem 0;
width: 100%; width: 100%;
span {
@extend %small;
@extend %title;
color: $white;
position: absolute;
right: .5rem;
top: -3px;
}
} }
.us-settings a, .us-settings a,
.icon-drag-v { .icon-drag-v {
@ -181,6 +187,6 @@
opacity: 0; opacity: 0;
position: absolute; position: absolute;
right: .5rem; right: .5rem;
top: 1rem; top: .5rem;
} }
} }