Fixed cms faq/userguide side menu.
authorOlga Brani <olgabrani@grnet.gr>
Tue, 5 Mar 2013 15:36:14 +0000 (17:36 +0200)
committerOlga Brani <olgabrani@grnet.gr>
Tue, 5 Mar 2013 15:36:14 +0000 (17:36 +0200)
Deletion of extra menu below faq/userguide answer.
Side menu is visible provided that the page is wide and tall enough.

cloudcms/static/cloudcms/css/max768.css
cloudcms/static/cloudcms/css/modules.css
cloudcms/static/cloudcms/js/common.js
cloudcmsguide/templates/cloudcmsguide/detail.html

index b5eb60d..62c7fbc 100644 (file)
@@ -14,3 +14,6 @@ form .form-row .extra-link                                            { padding-top:0; }
 .faq .two-cols .rt                                                             { width:auto; }
 .faq .two-cols .lt                                                             { width:auto; }
 dl.alt-style                                                                   { width:auto; }
+
+
+.fixed                                                                                 { position:static; top:auto; bottom:auto;}
\ No newline at end of file
index 8ff9a85..4e2a697 100644 (file)
@@ -634,5 +634,10 @@ h2 span.subtitle { font-size: 0.9em; color: #55B577;}
 .videosection-2 .content                                               { margin-top:5px; }
 .videosection-2 h2 + .content                                  { margin-top:0; }
 
+/* css for fixed faq/userguide side nav */
 .fixed                                                                                 { position:fixed; top:30px;}
-.fixedbottom                                                                   { top:auto; bottom:200px;}
\ No newline at end of file
+.fixedbottom                                                                   { top:auto; bottom:200px;}
+@media screen and (max-height : 370px)                 { 
+       .fixed  { position:static; }
+    
+}
\ No newline at end of file
index 33e1f7e..7fc4ac1 100644 (file)
@@ -327,8 +327,11 @@ $(document).ready(function() {
     });\r
          \r
        // fix for recaptcha fields\r
-       $('#okeanos_recaptcha').parents('.form-row').find('.extra-img').hide();             \r
+       $('#okeanos_recaptcha').parents('.form-row').find('.extra-img').hide();\r
 \r
+  fixEl = $('.details .lt');\r
+  window.fixEloffsetTop = fixEl.offset().top;\r
+   \r
 });\r
        \r
 $(window).resize(function() {\r
@@ -336,4 +339,20 @@ $(window).resize(function() {
    setContainerMinHeight('.container .wrapper');\r
     \r
 \r
+});\r
+\r
+\r
+/* js for fixed faq/userguide side nav */\r
+$(window).scroll(function () {\r
+\r
+  if ( $('.details .lt').height() < $('.details .rt').height() ) {\r
+    if ($(window).scrollTop() > window.fixEloffsetTop){ \r
+      fixEl.addClass('fixed');\r
+    } else {\r
+      fixEl.removeClass('fixed');\r
+    }\r
+  }\r
+\r
+\r
+\r
 });
\ No newline at end of file
index 86a935c..e5fffcc 100644 (file)
@@ -21,7 +21,7 @@
                        
                    </div>
                </div>
-                
+               {% comment %} 
                <div class="extra-menu">
                        {% for service in services %}
                                {% if service == entry.service %}
@@ -43,6 +43,7 @@
                                {% endif %}
                        {% endfor %}
                </div>
+               {% endcomment %}
        </div>
         
        <div class="lt">