// $('.panel-content', event.data.root).css('display', 'block');
var overlays = $('.panel-content-overlay', event.data.root);
$('.panel-content-overlay', event.data.root).each(function(i) {
- $(this).data('panel').css({
- 'left': $(this).css('left'),
- 'width': $(this).css('width')
- });
+ if( $(this).data('panel').hasClass('last-panel') )
+ $(this).data('panel').css({
+ 'left': $(this).css('left'), 'right': $(this).css('right')});
+ else
+ $(this).data('panel').css({
+ 'left': $(this).css('left'), 'width': $(this).css('width')});
});
$('.panel-overlay', event.data.root).css('display', 'none');
overlay.data('panel', panel);
overlay.data('next', null);
- if( panel.hasClass('last-panel') )
+ if( panel.hasClass('last-panel') )
overlay.css({'left': panel.css('left'), 'right': panel.css('right')});
else
overlay.css({'left': panel.css('left'), 'width': panel.css('width')});
$(this).trigger('hpanel:panel-resize-start', touch_data);
return false;
});
- $('.panel-content', panel).css('right',handle.outerWidth() + 'px');
- $('.panel-content-overlay', panel).css('right',handle.outerWidth() + 'px');
+ $('.panel-content', panel).css('right',
+ (handle.outerWidth() || 10) + 'px');
+ $('.panel-content-overlay', panel).css('right',
+ (handle.outerWidth() || 10) + 'px');
}
prev = overlay;