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

Improved graph in summary page with some styling and titles

stable
Xavier Julián 2014-10-02 02:29:24 +02:00 committed by David Barragán Merino
parent 684f066863
commit 3e2bbf24b2
2 changed files with 16 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -978,9 +978,9 @@ module.directive("tgGmBacklogGraph", tgBacklogGraphDirective)
TgBacklogProgressBarDirective = -> TgBacklogProgressBarDirective = ->
template = _.template(""" template = _.template("""
<div class="defined-points"></div> <div class="defined-points" title="Excess of points"></div>
<div class="project-points-progress" style="width: <%- projectPointsPercentaje %>%"></div> <div class="project-points-progress" title="Pending Points" style="width: <%- projectPointsPercentaje %>%"></div>
<div class="closed-points-progress" style="width: <%- closedPointsPercentaje %>%"></div> <div class="closed-points-progress" title="Closed points" style="width: <%- closedPointsPercentaje %>%"></div>
""") """)
render = (el, projectPointsPercentaje, closedPointsPercentaje) -> render = (el, projectPointsPercentaje, closedPointsPercentaje) ->

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

@ -54,27 +54,22 @@
padding: 3px; padding: 3px;
position: relative; position: relative;
width: 15%; width: 15%;
.current-progress { .defined-points {
background: $red-light;
height: 24px;
position: absolute;
width: calc(100% - 6px);
}
.project-points-progress {
background: $white;
height: 24px;
position: absolute;
}
.closed-points-progress {
background: $fresh-taiga; background: $fresh-taiga;
height: 24px; height: 24px;
width: calc(30% - 4px);
}
.defined-points{
width: 100%;
background: red;
height: 24px;
position: absolute; position: absolute;
} }
.project-points-progress{
background: gray;
height: 24px;
position: absolute;
}
.closed-points-progress{
height: 24px;
position: absolute;
background: green;
}
} }