More robost calculation of .stretch height

This commit is contained in:
Daniel Moore 2014-03-13 18:22:30 -05:00
parent 0140fd9ee6
commit 1a7732c235
1 changed files with 11 additions and 25 deletions

View File

@ -836,40 +836,26 @@ var Reveal = (function(){
/** /**
* Returns the remaining height within the parent of the * Returns the remaining height within the parent of the
* target element after subtracting the height of all * target element.
* siblings.
* *
* remaining height = [parent height] - [ siblings height] * remaining height = [ configured parent height ] - [ current parent height ]
*/ */
function getRemainingHeight( element, height ) { function getRemainingHeight( element, height ) {
height = height || 0; height = height || 0;
if( element ) { if( element ) {
var parent = element.parentNode; var newHeight, oldHeight = element.style.height;
var siblings = parent.childNodes;
// Subtract the height of each sibling // Change the .stretch element height to 0 in order find the height of all
toArray( siblings ).forEach( function( sibling ) { // the other elements
element.style.height = '0px';
newHeight = height - element.parentNode.offsetHeight;
if( typeof sibling.offsetHeight === 'number' && sibling !== element ) { // Restore the old height, just in case
element.style.height = oldHeight + 'px';
var styles = window.getComputedStyle( sibling ),
marginTop = parseInt( styles.marginTop, 10 ),
marginBottom = parseInt( styles.marginBottom, 10 );
height -= sibling.offsetHeight + marginTop + marginBottom;
}
} );
var elementStyles = window.getComputedStyle( element );
// Subtract the margins of the target element
height -= parseInt( elementStyles.marginTop, 10 ) +
parseInt( elementStyles.marginBottom, 10 );
return newHeight;
} }
return height; return height;
@ -1149,7 +1135,7 @@ var Reveal = (function(){
toArray( dom.slides.querySelectorAll( 'section > .stretch' ) ).forEach( function( element ) { toArray( dom.slides.querySelectorAll( 'section > .stretch' ) ).forEach( function( element ) {
// Determine how much vertical space we can use // Determine how much vertical space we can use
var remainingHeight = getRemainingHeight( element, ( height - ( padding * 2 ) ) ); var remainingHeight = getRemainingHeight( element, height );
// Consider the aspect ratio of media elements // Consider the aspect ratio of media elements
if( /(img|video)/gi.test( element.nodeName ) ) { if( /(img|video)/gi.test( element.nodeName ) ) {