styling improvements

This commit is contained in:
cubedro 2015-04-28 15:17:35 +03:00
parent 4c76139909
commit 1d9ffe2730
2 changed files with 44 additions and 18 deletions

View File

@ -137,7 +137,8 @@ span.small-title span.small {
} }
.big-info.chart .big-details { .big-info.chart .big-details {
padding-top: 8px; position: absolute;
top: 40px;
} }
.big-info.chart { .big-info.chart {
@ -202,7 +203,8 @@ span.small-title span.small {
padding: 5px 15px; padding: 5px 15px;
} }
.second-row .box i { .second-row .box i,
.big-info.chart i {
position: relative; position: relative;
top: 2px; top: 2px;
left: -3px; left: -3px;
@ -213,13 +215,27 @@ span.small-title span.small {
float: left; float: left;
} }
.second-row .box .small-value { .big-info.chart i {
font-size: 24px;
top: -2px;
}
.small-value {
font-weight: 300; font-weight: 300;
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto; -moz-osx-font-smoothing: auto;
float: right; float: right;
} }
.second-row .box .small-value {
float: right;
}
.big-info .small-value {
position: absolute;
right: 14px;
top: 10px;
}
table i { table i {
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto; -moz-osx-font-smoothing: auto;

View File

@ -66,16 +66,16 @@ block content
div.row(ng-cloak) div.row(ng-cloak)
div.col-xs-8.stats-boxes(style="padding-top: 0px;") div.col-xs-8.stats-boxes(style="padding-top: 0px;")
div.row.second-row div.row.second-row
//- div.col-xs-3.stat-holder.box
//- div.active-nodes(class="{{ nodesActive | nodesActiveClass : nodesTotal }}")
//- i.icon-node
//- span.small-title active nodes
//- span.small-value {{nodesActive}}/{{nodesTotal}}
div.col-xs-3.stat-holder.box div.col-xs-3.stat-holder.box
div.difficulty.text-info div.active-nodes(class="{{ nodesActive | nodesActiveClass : nodesTotal }}")
i.icon-difficulty i.icon-node
span.small-title difficulty span.small-title active nodes
span.small-value {{ lastDifficulty | number }} span.small-value {{nodesActive}}/{{nodesTotal}}
//- div.col-xs-3.stat-holder.box
//- div.difficulty.text-info
//- i.icon-difficulty
//- span.small-title difficulty
//- span.small-value {{ lastDifficulty | number }}
div.col-xs-3.stat-holder.box div.col-xs-3.stat-holder.box
div.gasprice.text-info div.gasprice.text-info
i.icon-gasprice i.icon-gasprice
@ -94,18 +94,24 @@ block content
div.row div.row
div.col-xs-3.stat-holder div.col-xs-3.stat-holder
div.big-info.chart div.big-info.chart(class="{{ avgBlockTime | avgTimeClass }}")
//- i.icon-time
span.small-title block time span.small-title block time
span.small-value {{ avgBlockTime | avgTimeFilter }}
span.big-details.spark-blocktimes span.big-details.spark-blocktimes
div.col-xs-3.stat-holder div.col-xs-3.stat-holder
div.big-info.chart div.big-info.chart.text-info
//- i.icon-difficulty
span.small-title difficulty span.small-title difficulty
span.small-value {{ lastDifficulty | number }}
span.big-details.spark-difficulty span.big-details.spark-difficulty
div.col-xs-3.stat-holder.xpull-right div.col-xs-3.stat-holder.xpull-right
div.big-info.chart.xdouble-chart div.big-info.chart.xdouble-chart.text-info
//- i.icon-gas
span.small-title block propagation span.small-title block propagation
//- span.small-value {{ lastDifficulty | number }}
histogram.big-details.d3-blockpropagation(data="blockPropagationChart") histogram.big-details.d3-blockpropagation(data="blockPropagationChart")
div.col-xs-3.stat-holder.pull-right div.col-xs-3.stat-holder.pull-right
@ -118,18 +124,22 @@ block content
div.clearfix div.clearfix
div.col-xs-3.stat-holder div.col-xs-3.stat-holder
div.big-info.chart div.big-info.chart.text-info
//- i.icon-uncle
span.small-title uncle count #[ ] span.small-title uncle count #[ ]
span.small (25 blocks per bar) span.small (25 blocks per bar)
span.small-value {{ bestStats.block.uncles.length }}/{{ uncleCount }}
span.big-details.spark-uncles span.big-details.spark-uncles
div.col-xs-3.stat-holder div.col-xs-3.stat-holder
div.big-info.chart div.big-info.chart.text-info
//- i.icon-uncle
span.small-title transactions span.small-title transactions
span.big-details.spark-transactions span.big-details.spark-transactions
div.col-xs-3.stat-holder div.col-xs-3.stat-holder
div.big-info.chart div.big-info.chart.text-info
//- i.icon-gasprice
span.small-title gas spending span.small-title gas spending
span.big-details.spark-gasspending span.big-details.spark-gasspending