Add text to task-stats boxes

This commit is contained in:
perryharlock
2013-09-26 15:42:15 +01:00
parent b026f8d192
commit faf5d72974
5 changed files with 26 additions and 20 deletions

File diff suppressed because one or more lines are too long

View File

@@ -84,11 +84,6 @@
.graph { .graph {
margin-bottom:3rem; margin-bottom:3rem;
} }
.task-stats li a {
padding:11px 0;
font-size:ceil(@font-size-base * 1.25); // ~18px
line-height:1.1;
}
.delete-button { .delete-button {
font-size:floor(@font-size-base * 1.35); // ~20px; font-size:floor(@font-size-base * 1.35); // ~20px;
top:10px; top:10px;
@@ -134,9 +129,4 @@
} }
} }
} }
.task-stats li a {
padding:11px 0;
font-size:floor(@font-size-base * 1.1); // ~16px;
line-height:1.3;
}
} }

View File

@@ -91,7 +91,7 @@
a { a {
display:block; display:block;
padding:12px 0; padding:7px 0 6px 0;
text-align:center; text-align:center;
color:@badge-color; color:@badge-color;
} }
@@ -99,6 +99,22 @@
margin-right:0; margin-right:0;
} }
} }
.stat-type {
font-size:floor(@font-size-base * 0.75); // ~11px;
text-transform: uppercase;
display:block;
line-height:1.4;
}
}
.aside .task-stats {
li:hover {
.opacity(.85);
a {
text-decoration:none;
}
}
} }
// Stats box colours // Stats box colours
@@ -126,7 +142,7 @@
} }
.task-card-link { .task-card-link {
color:@gray-dark; color:@gray-dark;
min-height:185px; min-height:200px;
display:block; display:block;
} }
.delete-button { .delete-button {
@@ -147,7 +163,7 @@
width:100%; width:100%;
} }
.task-stats li { .task-stats li {
padding:12px 0; padding:7px 0 6px 0;
text-align:center; text-align:center;
color:@badge-color; color:@badge-color;
} }

View File

@@ -14,9 +14,9 @@
{{#if lastResult}} {{#if lastResult}}
<ul class="clearfix list-unstyled floated-list task-stats"> <ul class="clearfix list-unstyled floated-list task-stats">
{{#lastResult}} {{#lastResult}}
<li class="danger" title="Number of errors ({{count.error}})">{{count.error}}</li> <li class="danger" title="Number of errors ({{count.error}})">{{count.error}}<span class="stat-type">Errors</span></li>
<li class="warning" title="Number of warnings ({{count.warning}})">{{count.warning}}</li> <li class="warning" title="Number of warnings ({{count.warning}})">{{count.warning}}<span class="stat-type">Warnings</span></li>
<li class="info last" title="Number of notices ({{count.notice}})">{{count.notice}}</li> <li class="info last" title="Number of notices ({{count.notice}})">{{count.notice}}<span class="stat-type">Notices</span></li>
{{/lastResult}} {{/lastResult}}
</ul> </ul>
Last run {{date-format lastResult.date format="DD MMM YYYY"}} Last run {{date-format lastResult.date format="DD MMM YYYY"}}

View File

@@ -77,9 +77,9 @@
<div id="top" class="col-md-12 col-sm-6 col-xs-12"> <div id="top" class="col-md-12 col-sm-6 col-xs-12">
<ul data-role="task-list" class="clearfix list-unstyled floated-list task-stats"> <ul data-role="task-list" class="clearfix list-unstyled floated-list task-stats">
{{#mainResult}} {{#mainResult}}
<li class="danger"><a href="#errors" title="See errors">{{count.error}}</a></li> <li class="danger"><a href="#errors" title="See errors">{{count.error}}<span class="stat-type">Errors</span></a></li>
<li class="warning"><a href="#warnings" title="See warnings">{{count.warning}}</a></li> <li class="warning"><a href="#warnings" title="See warnings">{{count.warning}}<span class="stat-type">Warnings</span></a></li>
<li class="info last"><a href="#notices" title="See notices">{{count.notice}}</a></li> <li class="info last"><a href="#notices" title="See notices">{{count.notice}}<span class="stat-type">Notices</span></a></li>
{{/mainResult}} {{/mainResult}}
</ul> </ul>
</div> </div>