Fix CSS styling for multi-line VPC dashboard items

This commit is contained in:
Brian Federle 2013-05-17 10:12:49 -07:00
parent 7aaff0cfed
commit 93e046a24c
2 changed files with 15 additions and 3 deletions

View File

@ -140,7 +140,7 @@
}
.vpc-network-chart .tier-item .content .dashboard-item .total {
font-size: 17px;
font-size: 30px;
/*+placement:shift 7px 5px;*/
position: relative;
left: 7px;
@ -154,6 +154,10 @@
text-shadow: 0px 1px 1px #FFFFFF;
}
.vpc-network-chart .tier-item .content .dashboard-item .total.multiline {
font-size: 14px;
}
.vpc-network-chart .tier-item .content .dashboard-item .name {
font-size: 11px;
text-transform: uppercase;

View File

@ -162,7 +162,15 @@
var id = dashboardItem.id;
$name.find('span').html(dashboardItem.name);
$total.find('span').html(dashboardItem.total);
if (dashboardItem.totalMultiLine) {
$total.find('span').html(dashboardItem.totalMultiLine);
$total.addClass('multiline');
} else {
$total.find('span').html(dashboardItem.total);
}
$dashboardItem.append($total, $name);
$dashboardItem.appendTo($dashboard);
@ -230,7 +238,7 @@
{
id: 'tierLoadBalancers',
name: 'Load balancers',
total: '5 Internal<br/>6 Public'
totalMultiLine: '5 Internal<br/>6 Public'
},
{
id: 'tierPortForwarders',