From: fabrixxm Date: Sun, 8 Nov 2015 18:08:00 +0000 (+0100) Subject: aside bar as menu in mobile X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=df866253b049b66ed3d00151e65cad68f25608c4;p=friendica.git aside bar as menu in mobile --- diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css index 90e8e64d77..0b158e50d3 100644 --- a/view/theme/vier/mobile.css +++ b/view/theme/vier/mobile.css @@ -24,7 +24,7 @@ body, section, nav .nav-menu, div.pager, ul.tabs { } nav { - min-width: 480px; + min-width: 100%; } .wall-item-container .wall-item-content { @@ -88,3 +88,29 @@ nav ul { .wall-item-container.thread_level_7 .wall-item-content { max-width: 100%; } + +/* aside in/out */ +.mobile-aside-toggle { + display: block !important; +} +.mobile-aside-toggle a { + line-height: 35px; + padding: 0 10px; +} +.mobile-aside-toggle a i { + font-size: 22px; + color: #CCC; +} + +aside { + display: block; + position: absolute; + max-width: 400px; + width: 80%; + left: -100%; + transition: left 0.5s; +} + +aside.show { + left: 0; +} diff --git a/view/theme/vier/templates/nav.tpl b/view/theme/vier/templates/nav.tpl index 4888468cee..d6b85447f4 100644 --- a/view/theme/vier/templates/nav.tpl +++ b/view/theme/vier/templates/nav.tpl @@ -7,6 +7,11 @@