From e5edd7b7db2b2953d2f1a31b5bd2d4623fb6a4c8 Mon Sep 17 00:00:00 2001 From: fabrixxm Date: Wed, 11 Nov 2015 18:39:32 +0100 Subject: [PATCH] mobile friendly tabs --- view/theme/vier/mobile.css | 25 +++++++++++++++++++++++++ view/theme/vier/theme.php | 5 ++++- 2 files changed, 29 insertions(+), 1 deletion(-) diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css index 1d65e53a7..3defddac3 100644 --- a/view/theme/vier/mobile.css +++ b/view/theme/vier/mobile.css @@ -115,3 +115,28 @@ aside { aside.show { left: 0; } + +/* tabs */ +.tabs { position: relative; height: 25px!important; } +.tabs li { width: 100%; } +.tabs .tab { display: none;} +.tabs .tab.active { display: block; } +.tabs::after { + content: " "; + display: block; + position: absolute; + left: 0; right:0; top: 0; bottom: 0; +} + +.tabs.show { + position: fixed; + z-index: 1000; + left: 10px; + right: 10px; + top: 0px; + bottom: 10px; + height: auto !important; + border: 1px solid #ccc; +} +.tabs.show::after { display: none; } +.tabs.show .tab { display: block; } diff --git a/view/theme/vier/theme.php b/view/theme/vier/theme.php index f7b52dc35..8bd4f5916 100644 --- a/view/theme/vier/theme.php +++ b/view/theme/vier/theme.php @@ -33,7 +33,7 @@ function vier_init(&$a) { $a->page['htmlhead'] .= ''."\n"; $a->page['htmlhead'] .= ''."\n"; } - $a->page['htmlhead'] .= ''."\n"; + #$a->page['htmlhead'] .= ''."\n"; $a->page['htmlhead'] .= <<< EOT @@ -92,6 +92,9 @@ $(document).ready(function() { e.preventDefault(); $("aside").toggleClass("show"); }); + $(".tabs").click(function(e){ + $(this).toggleClass("show"); + }); });