From fa0da37425f5999bac2938301d17a4e2c4c0ad25 Mon Sep 17 00:00:00 2001 From: Manuel Friedli Date: Mon, 11 Aug 2014 17:36:53 +0200 Subject: [PATCH] make the control panel full-size on narrow (<=400px) screens, and include all colors and languages on the main page --- css/uhr.css | 19 +++++++++++++++---- index.html | 14 +++++++++++--- 2 files changed, 26 insertions(+), 7 deletions(-) diff --git a/css/uhr.css b/css/uhr.css index 50afbcd..f2e60ed 100644 --- a/css/uhr.css +++ b/css/uhr.css @@ -183,13 +183,24 @@ a.uhr-configlink { top: 0; left: 0; } +@media (max-width: 400px) { + .uhr-controlpanel .content { + height: 100%; + } +} +@media (min-width: 401px) { + .uhr-controlpanel .content { + margin-left: auto; + margin-right: auto; + width: 10em; + top : 1em; + border-radius: 0.5em; + box-shadow: 0 0 1em black; + } +} .uhr-controlpanel .content { background-color: #fff; - margin-left: auto; - margin-right: auto; - width: 10em; padding: 2em; - border-radius: 0.5em; position: relative; } a.uhr-closecontrolpanel { diff --git a/index.html b/index.html index 6a71700..a7393f5 100644 --- a/index.html +++ b/index.html @@ -22,8 +22,13 @@ along with this program. If not, see . - - + + + + + + + @@ -31,7 +36,11 @@ along with this program. If not, see . + + + +
@@ -45,7 +54,6 @@ along with this program. If not, see . width: size, color: 'black', language: 'de_CH', - force: true, controls: true }); })(jQuery);