summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authormsquare <msquare@notrademark.de>2017-12-13 12:37:05 +0100
committermsquare <msquare@notrademark.de>2017-12-13 12:37:05 +0100
commit991058a9e4321b525856aefec7116ca090db9dfa (patch)
tree624f67fb2e3a97ed01f211111a6d470a84bb682a
parentadc62470c51384094a34608cbd594cc52af899b6 (diff)
improve public dashboard
-rw-r--r--includes/view/PublicDashboard_view.php6
-rw-r--r--public/css/theme0.css10
-rw-r--r--public/css/theme1.css10
-rw-r--r--public/css/theme2.css10
-rw-r--r--public/css/theme3.css10
-rw-r--r--public/css/theme4.css10
-rw-r--r--public/css/theme5.css10
-rw-r--r--public/css/theme6.css10
-rw-r--r--themes/base.less4
9 files changed, 62 insertions, 18 deletions
diff --git a/includes/view/PublicDashboard_view.php b/includes/view/PublicDashboard_view.php
index 27ae97e3..4a25d0bf 100644
--- a/includes/view/PublicDashboard_view.php
+++ b/includes/view/PublicDashboard_view.php
@@ -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
])
])
]);
diff --git a/public/css/theme0.css b/public/css/theme0.css
index 8783a324..38b05fdf 100644
--- a/public/css/theme0.css
+++ b/public/css/theme0.css
@@ -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;
diff --git a/public/css/theme1.css b/public/css/theme1.css
index 2d0a2133..dd42b9fe 100644
--- a/public/css/theme1.css
+++ b/public/css/theme1.css
@@ -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;
diff --git a/public/css/theme2.css b/public/css/theme2.css
index 6f30828a..7e11590a 100644
--- a/public/css/theme2.css
+++ b/public/css/theme2.css
@@ -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;
diff --git a/public/css/theme3.css b/public/css/theme3.css
index 1f1efaff..71b34ad5 100644
--- a/public/css/theme3.css
+++ b/public/css/theme3.css
@@ -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;
diff --git a/public/css/theme4.css b/public/css/theme4.css
index 2202c01d..6a4e7855 100644
--- a/public/css/theme4.css
+++ b/public/css/theme4.css
@@ -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;
diff --git a/public/css/theme5.css b/public/css/theme5.css
index 75a0030c..1ad2b4ae 100644
--- a/public/css/theme5.css
+++ b/public/css/theme5.css
@@ -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;
diff --git a/public/css/theme6.css b/public/css/theme6.css
index 8c269cb2..ea90a182 100644
--- a/public/css/theme6.css
+++ b/public/css/theme6.css
@@ -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;
diff --git a/themes/base.less b/themes/base.less
index e529ead6..93e8dd70 100644
--- a/themes/base.less
+++ b/themes/base.less
@@ -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;