toggle navibar visibility

Signed-off-by: Artem Anufrij <artem.anufrij@live.de>

css/style.css

@@ -135,7 +135,7 @@ button.button-inline:hover {
 	color: #333333;
 	position: relative;
 	z-index: 120;
-	height: 44px;
+	min-height: 44px;
 	display: flex;
 	align-items: center;
 	font-size: 14pt;
@@ -154,6 +154,14 @@ button.button-inline:hover {
 	padding: 7px;
 }
 
+#app-navigation-toggle {
+	position: relative;
+	top: 0px;
+	width: 44px;
+	height: 44px;
+	cursor: pointer;
+}
+
 .board-header-controls {
 	margin-left: auto;
 	align-items: center;

js/controller/AppController.js

@@ -24,6 +24,10 @@ app.controller('AppController', function ($scope, $location, $http, $route, $log
     $rootScope.sidebar = {
         show: false
     };
+    $rootScope.navibar = {
+        show: true
+    };
     $scope.sidebar = $rootScope.sidebar;
+    $scope.navibar = $rootScope.navibar;
     $scope.user = oc_current_user;
 });

templates/main.php

@@ -58,7 +58,7 @@ if(!\OC::$server->getConfig()->getSystemValue('debug', false)) {
 
 <div id="app" class="app-deck" data-ng-app="Deck" ng-controller="AppController" ng-cloak>
 
-	<div id="app-navigation" data-ng-controller="ListController" ng-init="initSidebar()">
+	<div id="app-navigation" data-ng-controller="ListController" ng-init="initSidebar()" ng-if="navibar.show">
 		<?php print_unescaped($this->inc('part.navigation')); ?>
 		<?php /* print_unescaped($this->inc('part.settings')); */ ?>
 	</div>

templates/part.board.mainView.php

@@ -6,6 +6,7 @@
 </div>
 
 <div id="board-header">
+	<div id="app-navigation-toggle" class="icon-menu" ng-click="navibar.show=!navibar.show"></div>
 	<a class="crumb" href="#" title="<?php p($l->t('All Boards')); ?>">
 		<i class="icon icon-home"></i>
 		<span class="hidden-visually"><?php p($l->t('All Boards')); ?></span>