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,17 +3,16 @@ 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
li div.summary-stats
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
li div.summary-stats
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
li div.summary-stats
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

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;