Fix flexbox in home page
parent
c6e8b70d4b
commit
44080a63ef
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue