Basicpage submenu stick in parent

diff --git a/app/static/src/js/index.js b/app/static/src/js/index.js
index 059b6e8fcb7bacf0b044033fb7911ee98a069eed..0998b802f5a78289c00a9fe849ef3a259f1952d0 100644 (file)
--- a/app/static/src/js/index.js
+++ b/app/static/src/js/index.js
@@ -8,6 +8,7 @@ var CloseButton = require('./modules/close-button');
 var CloseEscape = require('./modules/close-escape');
 var Search = require('./modules/search');
 var OverflowInit = require('./modules/overflow-init');
+var StickyKitInit = require('./modules/sticky-kit-init');
 
 //
 // Init all the modules
@@ -19,3 +20,4 @@ window[CloseButton] = new CloseButton();
 window[CloseEscape] = new CloseEscape();
 window[Search] = new Search();
 window[OverflowInit] = new OverflowInit();
+window[StickyKitInit] = new StickyKitInit();

diff --git a/app/static/src/js/modules/sticky-kit-init.js b/app/static/src/js/modules/sticky-kit-init.js
new file mode 100644 (file)
index 0000000..ea6b3b0
--- /dev/null
+++ b/app/static/src/js/modules/sticky-kit-init.js
@@ -0,0 +1,31 @@
+var StickyKitInit = function() {
+
+    //
+    // Init
+    //
+    this.init();
+
+};
+
+StickyKitInit.prototype.init = function() {
+
+    var that = this,
+        options = {},
+        data;
+
+    $('[data-sticky]').each(function(i) {
+
+        data = $(this).data();
+        if(data.stickyOffset) {
+            options.offset_top = data.stickyOffset;
+        }
+        if(data.stickyParent) {
+            options.parent = '.' + data.stickyParent;
+        }
+        $(this).stick_in_parent(options);
+
+    });
+
+};
+
+module.exports = StickyKitInit;

diff --git a/app/templates/includes/footer_scripts.html b/app/templates/includes/footer_scripts.html
index b7692426fccea974925e00c647e1e6ef4dcaeca4..8e714f50b6a21ba2436734790910362fcd497e26 100644 (file)
--- a/app/templates/includes/footer_scripts.html
+++ b/app/templates/includes/footer_scripts.html
@@ -3,6 +3,7 @@
 {% compress js %}
     <script src="{% static "vendors/jquery/dist/jquery.min.js" %}"></script>
     <script src="{% static "vendors/overflow.js/js/overflow.js" %}"></script>
+    <script src="{% static "vendors/sticky-kit/jquery.sticky-kit.js" %}"></script>
     <script src="{% static "js/index.min.js" %}"></script>
 {% block extra_js %}{% endblock %}
 {% editable_loader %}

diff --git a/app/templates/pages/basicpage.html b/app/templates/pages/basicpage.html
index 2940f958c9644f6f85715d7e0643d22db5ca5c7d..d361c34fca7fa149ef999a2f1a249795c982af71 100644 (file)
--- a/app/templates/pages/basicpage.html
+++ b/app/templates/pages/basicpage.html
@@ -46,10 +46,4 @@
         </div>
     </div>
 
-    {{ page.basicpage.photo }}<br/>
-    {{ page.basicpage.photo_credits }}<br/>
-    {{ page.basicpage.photo_alignment }}<br/>
-    {{ page.basicpage.photo_description }}<br/>
-    {{ page.basicpage.photo_featured }}<br/>
-    {{ page.basicpage.photo_featured_credits }}<br/>
 {% endblock %}

diff --git a/app/templates/pages/menus/current_tree.html b/app/templates/pages/menus/current_tree.html
index 7eb088d28778651b8efc8ac51a24eadca3b6b4bf..b14372567e51e8ab24c8afc332fcc8394003d727 100644 (file)
--- a/app/templates/pages/menus/current_tree.html
+++ b/app/templates/pages/menus/current_tree.html
@@ -6,7 +6,7 @@
         {% for page in page_branch %}
             {% if page.in_menu and page.has_children_in_menu %}
                 {% if page.is_primary and page.is_current_or_ascendant %}
-                <ul class="nav-tree nav-tree--level-{{ branch_level }}">
+                <ul class="nav-tree nav-tree--level-{{ branch_level }}" data-sticky data-sticky-parent="row" data-sticky-offset="100">
                     <li class="nav-tree__item">
                         <a class="nav-tree__link{% if page.is_current %} active{% endif %}" href="{{ page.get_absolute_url }}">Accueil</a>
                     </li>