aside bar as menu in mobile

[friendica.git] / view / theme / vier / mobile.css

diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css
index 90e8e64d7754dbc1a64abcff79bfbff2766fc4aa..0b158e50d3330e92afe087952e68a530d186b5e0 100644 (file)
--- 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;
+}