correction to vertical centering and overview mode, clean up of vertical slide storage
This commit is contained in:
parent
b4815a3a83
commit
891a66b5c4
|
@ -509,7 +509,6 @@ body {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
padding: 20px 0px;
|
|
||||||
|
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
@ -537,6 +536,7 @@ body {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
padding: 20px 0px;
|
||||||
|
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
|
@ -579,10 +579,10 @@ body {
|
||||||
.reveal.center,
|
.reveal.center,
|
||||||
.reveal.center .slides {
|
.reveal.center .slides {
|
||||||
min-height: auto;
|
min-height: auto;
|
||||||
padding: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* DEFAULT TRANSITION
|
* DEFAULT TRANSITION
|
||||||
*********************************************/
|
*********************************************/
|
||||||
|
@ -1056,7 +1056,6 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal.overview .slides section {
|
.reveal.overview .slides section {
|
||||||
padding: 20px 0;
|
|
||||||
height: 600px;
|
height: 600px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
opacity: 1!important;
|
opacity: 1!important;
|
||||||
|
@ -1078,13 +1077,12 @@ body {
|
||||||
.reveal.overview .slides section:hover {
|
.reveal.overview .slides section:hover {
|
||||||
background: rgba(0,0,0,0.3);
|
background: rgba(0,0,0,0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal.overview .slides section.present {
|
.reveal.overview .slides section.present {
|
||||||
background: rgba(0,0,0,0.3);
|
background: rgba(0,0,0,0.3);
|
||||||
}
|
}
|
||||||
.reveal.overview .slides>section.stack {
|
.reveal.overview .slides>section.stack {
|
||||||
background: none;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
background: none;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
62
js/reveal.js
62
js/reveal.js
|
@ -1,5 +1,5 @@
|
||||||
/*!
|
/*!
|
||||||
* reveal.js 2.2 r42
|
* reveal.js 2.2 r43
|
||||||
* http://lab.hakim.se/reveal-js
|
* http://lab.hakim.se/reveal-js
|
||||||
* MIT licensed
|
* MIT licensed
|
||||||
*
|
*
|
||||||
|
@ -519,6 +519,35 @@ var Reveal = (function(){
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Stores the vertical index of a stack so that the same
|
||||||
|
* vertical slide can be selected when navigating to and
|
||||||
|
* from the stack.
|
||||||
|
*
|
||||||
|
* @param {HTMLElement} stack The vertical stack element
|
||||||
|
* @param {int} v Index to memorize
|
||||||
|
*/
|
||||||
|
function setPreviousVerticalIndex( stack, v ) {
|
||||||
|
if( stack ) {
|
||||||
|
stack.setAttribute( 'data-previous-indexv', v || 0 );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Retrieves the vertical index which was stored using
|
||||||
|
* #setPreviousVerticalIndex() or 0 if no previous index
|
||||||
|
* exists.
|
||||||
|
*
|
||||||
|
* @param {HTMLElement} stack The vertical stack element
|
||||||
|
*/
|
||||||
|
function getPreviousVerticalIndex( stack ) {
|
||||||
|
if( stack && stack.classList.contains( 'stack' ) ) {
|
||||||
|
return parseInt( stack.getAttribute( 'data-previous-indexv' ) || 0 );
|
||||||
|
}
|
||||||
|
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Displays the overview of slides (quick nav) by
|
* Displays the overview of slides (quick nav) by
|
||||||
* scaling down and arranging all slide elements.
|
* scaling down and arranging all slide elements.
|
||||||
|
@ -547,16 +576,15 @@ var Reveal = (function(){
|
||||||
hslide.style.OTransform = htransform;
|
hslide.style.OTransform = htransform;
|
||||||
hslide.style.transform = htransform;
|
hslide.style.transform = htransform;
|
||||||
|
|
||||||
if( !hslide.classList.contains( 'stack' ) ) {
|
if( hslide.classList.contains( 'stack' ) ) {
|
||||||
// Navigate to this slide on click
|
|
||||||
hslide.addEventListener( 'click', onOverviewSlideClicked, true );
|
|
||||||
}
|
|
||||||
|
|
||||||
var verticalSlides = hslide.querySelectorAll( 'section' );
|
var verticalSlides = hslide.querySelectorAll( 'section' );
|
||||||
|
|
||||||
for( var j = 0, len2 = verticalSlides.length; j < len2; j++ ) {
|
for( var j = 0, len2 = verticalSlides.length; j < len2; j++ ) {
|
||||||
|
var verticalIndex = i === indexh ? indexv : getPreviousVerticalIndex( hslide );
|
||||||
|
|
||||||
var vslide = verticalSlides[j],
|
var vslide = verticalSlides[j],
|
||||||
vtransform = 'translate(0%, ' + ( ( j - ( i === indexh ? indexv : 0 ) ) * 105 ) + '%)';
|
vtransform = 'translate(0%, ' + ( ( j - verticalIndex ) * 105 ) + '%)';
|
||||||
|
|
||||||
vslide.setAttribute( 'data-index-h', i );
|
vslide.setAttribute( 'data-index-h', i );
|
||||||
vslide.setAttribute( 'data-index-v', j );
|
vslide.setAttribute( 'data-index-v', j );
|
||||||
|
@ -572,6 +600,15 @@ var Reveal = (function(){
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
// Navigate to this slide on click
|
||||||
|
hslide.addEventListener( 'click', onOverviewSlideClicked, true );
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
layout();
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -604,7 +641,7 @@ var Reveal = (function(){
|
||||||
element.removeEventListener( 'click', onOverviewSlideClicked );
|
element.removeEventListener( 'click', onOverviewSlideClicked );
|
||||||
}
|
}
|
||||||
|
|
||||||
slide();
|
slide( indexh, indexv );
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -706,14 +743,14 @@ var Reveal = (function(){
|
||||||
|
|
||||||
// If no vertical index is specified and the upcoming slide is a
|
// If no vertical index is specified and the upcoming slide is a
|
||||||
// stack, resume at its previous vertical index
|
// stack, resume at its previous vertical index
|
||||||
if( v === undefined && horizontalSlides[ h ] && horizontalSlides[ h ].classList.contains( 'stack' ) ) {
|
if( v === undefined ) {
|
||||||
v = parseInt( horizontalSlides[ h ].getAttribute( 'data-previous-indexv' ) || 0 );
|
v = getPreviousVerticalIndex( horizontalSlides[ h ] );
|
||||||
}
|
}
|
||||||
|
|
||||||
// If we were on a vertical stack, remember what vertical index
|
// If we were on a vertical stack, remember what vertical index
|
||||||
// it was on so we can resume at the same position when returning
|
// it was on so we can resume at the same position when returning
|
||||||
if( previousSlide && previousSlide.parentNode.classList.contains( 'stack' ) ) {
|
if( previousSlide && previousSlide.parentNode.classList.contains( 'stack' ) ) {
|
||||||
previousSlide.parentNode.setAttribute( 'data-previous-indexv', indexv );
|
setPreviousVerticalIndex( previousSlide.parentNode, indexv );
|
||||||
}
|
}
|
||||||
|
|
||||||
// Remember the state before this slide
|
// Remember the state before this slide
|
||||||
|
@ -1442,10 +1479,7 @@ var Reveal = (function(){
|
||||||
|
|
||||||
deactivateOverview();
|
deactivateOverview();
|
||||||
|
|
||||||
indexh = this.getAttribute( 'data-index-h' );
|
slide( parseInt( this.getAttribute( 'data-index-h' ) ), parseInt( this.getAttribute( 'data-index-v' ) ) );
|
||||||
indexv = this.getAttribute( 'data-index-v' );
|
|
||||||
|
|
||||||
slide();
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
174
js/reveal.min.js
vendored
174
js/reveal.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user