diff options
Diffstat (limited to 'swatchmaker')
| -rwxr-xr-x | swatchmaker/test/application.js | 200 | ||||
| -rw-r--r-- | swatchmaker/test/bootswatch.css | 2 |
2 files changed, 28 insertions, 174 deletions
diff --git a/swatchmaker/test/application.js b/swatchmaker/test/application.js index 675653a4..8daeebf6 100755 --- a/swatchmaker/test/application.js +++ b/swatchmaker/test/application.js @@ -1,181 +1,35 @@ -// 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 diff --git a/swatchmaker/test/bootswatch.css b/swatchmaker/test/bootswatch.css index 000c4b75..e7aaca6f 100644 --- a/swatchmaker/test/bootswatch.css +++ b/swatchmaker/test/bootswatch.css @@ -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 */ |