Flight HTML – Changelog: Version 1.8

Version 1.8Released 10/08/12

  1.  Updated /js/menus/flight.menu.js so it defaults to the Home position when no active menu item is selected in the HTML code (sliding menu and mouseover/hover highlight wasn’t working if active menu item got deleted). ADDED & CHANGED:
    jQuery.fn.exists = function() {
      return (this.length > 0) ? this : false;
    };
    
    $(document).ready(function() {
      /*
       * Global variables
       */
      var $menu = $("#menu");
      var $pix_per_em = 16.0;
      var resize_height = 750;
    
      var $menu_desc = $('<div />', {
        'class': 'menu-desc',
        'id':    'menu-desc'
      }).appendTo('body');
    
      $('#menu a').each(function() {
    	var text = $(this).data('title') ? $(this).data('title') : ' ';
        $('<span />').text(text).appendTo($('<div />').appendTo($menu_desc).width(0));
      });
    
      var $selected = $menu.find('.active').exists() || $menu.find('li').first();
      var $moving = $('<li />', {
        'class': 'move',
        'top':   $selected[0].offsetTop,
        'width': $selected[0].offsetWidth
      });
  2. Corrected an IE9 display issue (javascript items not loading). In /js/menus/flight.menu.js under the Helper functions section on Line 40 – REMOVED:
      /*
       * Helper functions
       */
      function moveTo($elem, speed) {
        $moving.stop(true).animate({
          top:   $elem[0].offsetTop,
          width: $elem.outerWidth()
        }, speed, 'easeOutExpo');
    	   console.log('resize');
      }
  3. Removed some lorem ipsim filler text from Portfolio Details and Project pages
  4. On Line 766-768 of /css/mobile.css added media query to reduce font size in order to optimize layout of Pagination Buttons at 300px mobile resolution. ADDED:
    #pagination-portfolio {
    	font-size: 12px;	
    }
  5. In /css/style.css to optimize Pagination at all resolutions and ensure Next button won’t wrap – CHANGED:
    #pagination #page, #pagination-portfolio #page {
    	width: 180px;
    	float: left;
    	position: relative;
    }

0