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

View File

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

View File

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