improve public dashboard

This commit is contained in:
msquare 2017-12-13 12:37:05 +01:00
parent adc62470c5
commit 991058a9e4
9 changed files with 62 additions and 18 deletions

View File

@ -12,7 +12,7 @@ function public_dashboard_view($stats, $free_shifts)
$shift_panels[] = public_dashborad_shift_render($shift);
}
$needed_angels = div('container-fluid first', [
div('col-xs-12', [
div('col-md-12', [
heading(_('Needed angels:'), 1)
]),
join($shift_panels)
@ -66,11 +66,11 @@ function public_dashborad_shift_render($shift)
// $panel_body = '<a href="' . shift_link($shift) . '">' . $panel_body . '</a>';
return div('col-xs-3', [
return div('col-md-3', [
div('dashboard-panel panel panel-' . $style, [
div('panel-body', [
'<a class="panel-link" href="' . shift_link($shift) . '"></a>',
heading($panel_body, 4)
$panel_body
])
])
]);

View File

@ -6738,13 +6738,17 @@ body {
}
.stats {
position: relative;
float: left;
width: 25%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
@media (min-width: 992px) {
.stats {
float: left;
width: 25%;
}
}
.stats .number {
font-size: 80px;
font-weight: 200;
@ -6760,6 +6764,8 @@ body {
}
.dashboard-panel {
position: relative;
font-size: 20px;
color: inherit;
}
.dashboard-panel .panel-link {
position: absolute;

View File

@ -6761,13 +6761,17 @@ body {
}
.stats {
position: relative;
float: left;
width: 25%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
@media (min-width: 992px) {
.stats {
float: left;
width: 25%;
}
}
.stats .number {
font-size: 80px;
font-weight: 200;
@ -6783,6 +6787,8 @@ body {
}
.dashboard-panel {
position: relative;
font-size: 20px;
color: #ffffff;
}
.dashboard-panel .panel-link {
position: absolute;

View File

@ -6738,13 +6738,17 @@ body {
}
.stats {
position: relative;
float: left;
width: 25%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
@media (min-width: 992px) {
.stats {
float: left;
width: 25%;
}
}
.stats .number {
font-size: 80px;
font-weight: 200;
@ -6760,6 +6764,8 @@ body {
}
.dashboard-panel {
position: relative;
font-size: 20px;
color: inherit;
}
.dashboard-panel .panel-link {
position: absolute;

View File

@ -6747,13 +6747,17 @@ body {
}
.stats {
position: relative;
float: left;
width: 25%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
@media (min-width: 992px) {
.stats {
float: left;
width: 25%;
}
}
.stats .number {
font-size: 80px;
font-weight: 200;
@ -6769,6 +6773,8 @@ body {
}
.dashboard-panel {
position: relative;
font-size: 20px;
color: inherit;
}
.dashboard-panel .panel-link {
position: absolute;

View File

@ -6761,13 +6761,17 @@ body {
}
.stats {
position: relative;
float: left;
width: 25%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
@media (min-width: 992px) {
.stats {
float: left;
width: 25%;
}
}
.stats .number {
font-size: 80px;
font-weight: 200;
@ -6783,6 +6787,8 @@ body {
}
.dashboard-panel {
position: relative;
font-size: 20px;
color: #ffffff;
}
.dashboard-panel .panel-link {
position: absolute;

View File

@ -6741,13 +6741,17 @@ body {
}
.stats {
position: relative;
float: left;
width: 25%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
@media (min-width: 992px) {
.stats {
float: left;
width: 25%;
}
}
.stats .number {
font-size: 80px;
font-weight: 200;
@ -6763,6 +6767,8 @@ body {
}
.dashboard-panel {
position: relative;
font-size: 20px;
color: inherit;
}
.dashboard-panel .panel-link {
position: absolute;

View File

@ -6764,13 +6764,17 @@ body {
}
.stats {
position: relative;
float: left;
width: 25%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
@media (min-width: 992px) {
.stats {
float: left;
width: 25%;
}
}
.stats .number {
font-size: 80px;
font-weight: 200;
@ -6786,6 +6790,8 @@ body {
}
.dashboard-panel {
position: relative;
font-size: 20px;
color: #ffffff;
}
.dashboard-panel .panel-link {
position: absolute;

View File

@ -22,7 +22,7 @@ body {
}
.stats {
.make-xs-column(3);
.make-md-column(3);
text-align: center;
.number {
@ -45,6 +45,8 @@ body {
.dashboard-panel {
position: relative;
font-size: 20px;
color: @headings-color;
.panel-link {
position: absolute;