diff options
| author | Daniel Friesel <derf@finalrewind.org> | 2015-10-25 19:48:15 +0100 |
|---|---|---|
| committer | Daniel Friesel <derf@finalrewind.org> | 2015-10-25 19:48:15 +0100 |
| commit | 75a26a81de56b186ec17434323b3945332cee613 (patch) | |
| tree | 3fcb4b28cc8c6bed86ee5ce4895324f7d4edff32 | |
| parent | c067fdab9ecde8dfa4c1d897762ca38ecf22eeb9 (diff) | |
mobile support for app/infoscreen frontend
| -rw-r--r-- | index.pl | 1 | ||||
| -rw-r--r-- | public/mobile.css | 24 | ||||
| -rw-r--r-- | templates/infoscreen.html.ep | 4 |
3 files changed, 29 insertions, 0 deletions
@@ -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> |