From 4b45fc50fbb1f1d41ac69d34dee3a381be4baa72 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Wed, 23 Dec 2015 14:12:41 +0100
Subject: [PATCH] Set Sticky navigation bar on scroll

---
 CHANGELOG.md                                           |  2 +-
 .../project-menu/project-menu.directive.coffee         | 10 ++++++++++
 app/modules/components/project-menu/project-menu.jade  |  5 ++++-
 app/styles/modules/common/nav.scss                     |  9 +++++++++
 4 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 97d4df97..1a67b5f2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@
 - Drag files from desktop to attachments section.
 - Drag files from desktop in wysiwyg textareas.
 - New design for the detail pages slidebar.
+- Sticky project navigation bar.
 
 ### Misc
 - Lots of small and not so small bugfixes.
@@ -17,7 +18,6 @@
 ## 1.9.1 Taiga Tribe (2016-01-05)
 
 ### Features
-- Statics folder hash.
 - [118n] Now taiga plugins can be translatable.
 - New Taiga plugins system.
 - Now superadmins can send notifications (live announcement) to the user (through taiga-events).
diff --git a/app/modules/components/project-menu/project-menu.directive.coffee b/app/modules/components/project-menu/project-menu.directive.coffee
index 67ff2fd4..ee3da69b 100644
--- a/app/modules/components/project-menu/project-menu.directive.coffee
+++ b/app/modules/components/project-menu/project-menu.directive.coffee
@@ -31,6 +31,16 @@ ProjectMenuDirective = (projectService, lightboxFactory) ->
             return projectService.project
         ), projectChange
 
+        scope.vm.fixed = false
+        $(window).on "scroll", () ->
+            position = $(window).scrollTop()
+            if position > 100 && scope.vm.fixed == false
+                scope.vm.fixed = true
+                scope.$digest()
+            else if position < 100 && scope.vm.fixed == true
+                scope.vm.fixed = false
+                scope.$digest()
+
     return {
         scope: {},
         controller: "ProjectMenu",
diff --git a/app/modules/components/project-menu/project-menu.jade b/app/modules/components/project-menu/project-menu.jade
index 9ff22d8e..e411f98a 100644
--- a/app/modules/components/project-menu/project-menu.jade
+++ b/app/modules/components/project-menu/project-menu.jade
@@ -1,4 +1,7 @@
-nav.menu(ng-if="vm.project")
+nav.menu(
+    ng-if="vm.project"
+    ng-class="{'menu-fixed': vm.fixed}",
+) 
     div(class="menu-container")
         ul(class="main-nav")
             li(id="nav-search")
diff --git a/app/styles/modules/common/nav.scss b/app/styles/modules/common/nav.scss
index 1227a2b2..b5f4be4e 100644
--- a/app/styles/modules/common/nav.scss
+++ b/app/styles/modules/common/nav.scss
@@ -3,8 +3,17 @@ $label-arrow-wh: 12px;
 tg-project-menu {
     background-position: 0 -300px;
     min-height: $main-height;
+    min-width: 50px;
     padding: 1rem 0;
+    position: relative;
     text-transform: uppercase;
+    z-index: 9;
+    .menu {
+        &.menu-fixed {
+            position: fixed;
+            top: 1rem;
+        }
+    }
 }
 
 .main-nav {