summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDaniel Friesel <derf@finalrewind.org>2015-10-25 19:48:15 +0100
committerDaniel Friesel <derf@finalrewind.org>2015-10-25 19:48:15 +0100
commit75a26a81de56b186ec17434323b3945332cee613 (patch)
tree3fcb4b28cc8c6bed86ee5ce4895324f7d4edff32
parentc067fdab9ecde8dfa4c1d897762ca38ecf22eeb9 (diff)
mobile support for app/infoscreen frontend
-rw-r--r--index.pl1
-rw-r--r--public/mobile.css24
-rw-r--r--templates/infoscreen.html.ep4
3 files changed, 29 insertions, 0 deletions
diff --git a/index.pl b/index.pl
index df3e870..225b84b 100644
--- a/index.pl
+++ b/index.pl
@@ -629,4 +629,5 @@ app->config(
);
app->types->type( json => 'application/json; charset=utf-8' );
+app->plugin('browser_detect');
app->start();
diff --git a/public/mobile.css b/public/mobile.css
new file mode 100644
index 0000000..efa6023
--- /dev/null
+++ b/public/mobile.css
@@ -0,0 +1,24 @@
+body {
+ margin: 0;
+}
+
+div.displayclean > ul > li {
+ font-size: 35%;
+}
+
+div.displayclean li .moreinfo {
+ font-size: 2.6em;
+}
+
+p,
+div.input-field,
+div.notes {
+ max-width: 94%;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+p {
+ text-align: justify;
+}
+
diff --git a/templates/infoscreen.html.ep b/templates/infoscreen.html.ep
index af567b1..b0ba1fc 100644
--- a/templates/infoscreen.html.ep
+++ b/templates/infoscreen.html.ep
@@ -3,11 +3,15 @@
<head>
<title><%= $title %></title>
<meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
% if ($self->stash('refresh_interval')) {
<meta http-equiv="refresh" content="<%= $self->stash('refresh_interval') %>"/>
% }
%= stylesheet '/infoscreen.css'
+ % if ($self->browser->mobile) {
+ %= stylesheet '/mobile.css'
+ % }
%= javascript '/jquery-2.1.1.min.js'
%= javascript '/collapse.js'
</head>