swatchmaker: update subnav code for test pages
authorThomas Park <thomas@thomaspark.me>
Sat, 9 Feb 2013 04:23:22 +0000 (23:23 -0500)
committerThomas Park <thomas@thomaspark.me>
Sat, 9 Feb 2013 04:23:22 +0000 (23:23 -0500)
swatchmaker/test/application.js
swatchmaker/test/bootswatch.css

index 675653a..8daeebf 100755 (executable)
-// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
-// IT'S ALL JUST JUNK FOR OUR DOCS!
-// ++++++++++++++++++++++++++++++++++++++++++
+(function ($) {
 
-!function ($) {
+       $(function(){
 
-  $(function(){
+               // fix sub nav on scroll
+               var $win = $(window),
+                               $body = $('body'),
+                               $nav = $('.subnav'),
+                               navHeight = $('.navbar').first().height(),
+                               subnavHeight = $('.subnav').first().height(),
+                               subnavTop = $('.subnav').length && $('.subnav').offset().top - navHeight,
+                               marginTop = parseInt($body.css('margin-top'), 10);
+                               isFixed = 0;
 
-    // Disable certain links in docs
-    // $('section [href^=#]').click(function (e) {
-    //   e.preventDefault()
-    // })
+               processScroll();
 
-    // make code pretty
-    // window.prettyPrint && prettyPrint()
-    // 
-    // // add-ons
-    // $('.add-on :checkbox').on('click', function () {
-    //   var $this = $(this)
-    //     , method = $this.attr('checked') ? 'addClass' : 'removeClass'
-    //   $(this).parents('.add-on')[method]('active')
-    // })
+               $win.on('scroll', processScroll);
 
-    // position static twipsies for components page
-    // if ($(".twipsies a").length) {
-    //   $(window).on('load resize', function () {
-    //     $(".twipsies a").each(function () {
-    //       $(this)
-    //         .tooltip({
-    //           placement: $(this).attr('title')
-    //         , trigger: 'manual'
-    //         })
-    //         .tooltip('show')
-    //       })
-    //   })
-    // }
+               function processScroll() {
+                       var i, scrollTop = $win.scrollTop();
 
-    // add tipsies to grid for scaffolding
-    // if ($('#grid-system').length) {
-    //   $('#grid-system').tooltip({
-    //       selector: '.show-grid > div'
-    //     , title: function () { return $(this).width() + 'px' }
-    //   })
-    // }
+                       if (scrollTop >= subnavTop && !isFixed) {
+                               isFixed = 1;
+                               $nav.addClass('subnav-fixed');
+                               $body.css('margin-top', marginTop + subnavHeight + 'px');
+                       } else if (scrollTop <= subnavTop && isFixed) {
+                               isFixed = 0;
+                               $nav.removeClass('subnav-fixed');
+                               $body.css('margin-top', marginTop + 'px');
+                       }
+               }
 
-    // fix sub nav on scroll
-    var $win = $(window)
-      , $nav = $('.subnav')
-         , navHeight = $('.navbar').first().height()
-      , navTop = $('.subnav').length && $('.subnav').offset().top - navHeight
-      , isFixed = 0
+       });
 
-    processScroll()
-
-    $win.on('scroll', processScroll)
-
-    function processScroll() {
-      var i, scrollTop = $win.scrollTop()
-      if (scrollTop >= navTop && !isFixed) {
-        isFixed = 1
-        $nav.addClass('subnav-fixed')
-      } else if (scrollTop <= navTop && isFixed) {
-        isFixed = 0
-        $nav.removeClass('subnav-fixed')
-      }
-    }
-
-    // tooltip demo
-    // $('.tooltip-demo.well').tooltip({
-    //   selector: "a[rel=tooltip]"
-    // })
-    // 
-    // $('.tooltip-test').tooltip()
-    // $('.popover-test').popover()
-
-    // popover demo
-    // $("a[rel=popover]")
-    //   .popover()
-    //   .click(function(e) {
-    //     e.preventDefault()
-    //   })
-
-    // button state demo
-    // $('#fat-btn')
-    //   .click(function () {
-    //     var btn = $(this)
-    //     btn.button('loading')
-    //     setTimeout(function () {
-    //       btn.button('reset')
-    //     }, 3000)
-    //   })
-
-    // carousel demo
-    // $('#myCarousel').carousel()
-
-    // javascript build logic
-    // var inputsComponent = $("#components.download input")
-    //    , inputsPlugin = $("#plugins.download input")
-    //    , inputsVariables = $("#variables.download input")
-    // toggle all plugin checkboxes
-    // $('#components.download .toggle-all').on('click', function (e) {
-    //    e.preventDefault()
-    //    inputsComponent.attr('checked', !inputsComponent.is(':checked'))
-    //  })
-    // 
-    //  $('#plugins.download .toggle-all').on('click', function (e) {
-    //    e.preventDefault()
-    //    inputsPlugin.attr('checked', !inputsPlugin.is(':checked'))
-    //  })
-    // 
-    //  $('#variables.download .toggle-all').on('click', function (e) {
-    //    e.preventDefault()
-    //    inputsVariables.val('')
-    //  })
-    // request built javascript
-   //  $('.download-btn').on('click', function () {
-   // 
-   //     var css = $("#components.download input:checked")
-   //           .map(function () { return this.value })
-   //           .toArray()
-   //       , js = $("#plugins.download input:checked")
-   //           .map(function () { return this.value })
-   //           .toArray()
-   //       , vars = {}
-   //       , img = ['glyphicons-halflings.png', 'glyphicons-halflings-white.png']
-   // 
-   //   $("#variables.download input")
-   //     .each(function () {
-   //       $(this).val() && (vars[ $(this).prev().text() ] = $(this).val())
-   //     })
-   // 
-   //     $.ajax({
-   //       type: 'POST'
-   //     , url: 'http://bootstrap.herokuapp.com'
-   //     , dataType: 'jsonpi'
-   //     , params: {
-   //         js: js
-   //       , css: css
-   //       , vars: vars
-   //       , img: img
-   //     }
-   //     })
-   //   })
-   // 
-   // })
-// Modified from the original jsonpi https://github.com/benvinegar/jquery-jsonpi
-// $.ajaxTransport('jsonpi', function(opts, originalOptions, jqXHR) {
-//   var url = opts.url;
-// 
-//   return {
-//     send: function(_, completeCallback) {
-//       var name = 'jQuery_iframe_' + jQuery.now()
-//         , iframe, form
-// 
-//       iframe = $('<iframe>')
-//         .attr('name', name)
-//         .appendTo('head')
-// 
-//       form = $('<form>')
-//         .attr('method', opts.type) // GET or POST
-//         .attr('action', url)
-//         .attr('target', name)
-// 
-//       $.each(opts.params, function(k, v) {
-// 
-//         $('<input>')
-//           .attr('type', 'hidden')
-//           .attr('name', k)
-//           .attr('value', typeof v == 'string' ? v : JSON.stringify(v))
-//           .appendTo(form)
-//       })
-// 
-//       form.appendTo('body').submit()
-//     }
-//   }
-})
-
-}(window.jQuery)
\ No newline at end of file
+})(window.jQuery);
\ No newline at end of file
index 000c4b7..e7aaca6 100644 (file)
@@ -361,7 +361,7 @@ body .one .bsa_it_p {
 @media (min-width: 980px) {
        .subnav-fixed {
                position: fixed;
-               top: 40px;
+               top: 41px;
                left: 0;
                right: 0;
                z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */