Flight HTML – Changelog: Version 1.5

Version 1.5Released 09/21/12

  1. Changed index.html default menu alignment from left to right to match other pages
  2. Removed /js/hover/ folder and javascript file as it was unused and empty
  3. Removed /js/hover/ from Files & Folders list in the documentation
  4. Fixed bug in Chrome: Conflict between Back To Top and Blueberry Slider causing web page to jump up 455px (size of the slide height) when scrolled to very bottom of page. In /js/slider/blueberry.js on Line 141 ADDED:
    				//calculate and set height based on image width/height ratio and specified line height
    				var setsize = function(){
    					sliderWidth = $('.slides', obj).width();
    					cropHeight = Math.floor(((sliderWidth/imgRatio)/o.lineheight))*o.lineheight;
    
    					$('.slides', obj).css({height: cropHeight});
    					$('.slider').css({height: 40 + cropHeight });
    				};
    				setsize();

    In /css/mobile.css on Line 147 ADDED:  *NOTE: This change was found to cause another issue and was changed in Version 1.7 and newer

    /*  HEADER & SLIDER
    ----------------------------*/
    #header, .slider {
        width: 708px;
        height: 394px;
    }

    In /css/style.css on Line 610 ADDED:

    /*  G. SLIDER
    ----------------------------*/
    .slider {
    	width: 910px;
    	height: 495px;
    	margin: -26px auto 13px auto;
    }
  5. Fixed Windows Chrome bug (ThinkPad 1280×800) and iOS devices: 1px above slider (iOS fixed but still had issue on ThinkPad T61 – fixed permanently in Version 1.6). In /css/style.css on Line 578 ADDED:
    #top {
    	background: url(../images/bg-top-960.png) no-repeat 0 0;
    	height: 26px;
    	top: -26px;
    	position: relative;	
    }
  6. Fixed bug if you refresh or initially load the page at mobile resolutions, and then drag the window full size, the sliding menu description lines up with the Home menu item and not the other menu items. Also fixed the odd shape prior to hover/mouseover. In Helper Functions on Line 35 of /js/menus/flight.js ADDED:
      /*
       * Helper functions
       */
      function moveTo($elem, speed) {
        $moving.stop(true).animate({
          top:   $elem[0].offsetTop,
          width: $elem.outerWidth()
        }, speed, 'easeOutExpo');
          console.log('resize');
      }

    Also in /js/menus/flight.menu.js on Lines 102 & 103 ADDED:

          document.body.style.fontSize = $pix_per_em * (height / resize_height) + 'px';
          moveTo($selected, 0);
          calculateOffsets();
        }
    	  moveTo($selected, 0);
    	  calculateOffsets()
      }).resize();
    });

0