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

Fix flexbox in home page

stable
Xavier Julián 2015-03-12 13:02:59 +01:00
parent c6e8b70d4b
commit 44080a63ef
2 changed files with 17 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/partials/project/project.jade
View File

@ -3,19 +3,18 @@ div.wrapper(ng-controller="ProjectController as ctrl")
h1 h1
span.green(tg-bo-bind="project.name", class="project-name") span.green(tg-bo-bind="project.name", class="project-name")
div.summary div.summary
ul.home-project-info-list div.summary-stats
li span.info-num(tg-bo-bind="stats.total_points")
span.info-num(tg-bo-bind="stats.total_points") span.info-text project<br/> points
span.info-text project<br/> points div.summary-stats
li span.info-num(tg-bo-bind="stats.defined_points")
span.info-num(tg-bo-bind="stats.defined_points") span.info-text defined<br/> points
span.info-text defined<br/> points div.summary-stats
li span.info-num(tg-bo-bind="stats.assigned_points")
span.info-num(tg-bo-bind="stats.assigned_points") span.info-text assigned<br/> points
span.info-text assigned<br/> points div.summary-stats
li span.info-num(tg-bo-bind="stats.closed_points")
span.info-num(tg-bo-bind="stats.closed_points") span.info-text closed<br/> points
span.info-text closed<br/> points
div.project-data-container div.project-data-container
p.description(tg-bo-bind="project.description") p.description(tg-bo-bind="project.description")
ul ul

15
app/styles/modules/home-project.scss
View File

@ -1,10 +1,6 @@
.home-project-info-list { .summary-stats {
align-items: flex-start;
display: flex; display: flex;
li {
flex-basis: 0;
flex-grow: 1;
margin-right: 1rem;
}
.info-num { .info-num {
@extend %xlarge; @extend %xlarge;
@extend %bold; @extend %bold;
@ -22,11 +18,10 @@
.project-data-container { .project-data-container {
display: flex; display: flex;
p { justify-content: space-between;
flex-grow: 3;
}
ul { ul {
flex-grow: 1; flex-grow: 0;
max-width: 33%;
} }
li { li {
display: inline-block; display: inline-block;