improve public dashboard
This commit is contained in:
parent
adc62470c5
commit
991058a9e4
|
@ -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
|
||||
])
|
||||
])
|
||||
]);
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue