make backgrounds (iframes) interactive when the foreground is empty

This commit is contained in:
Hakim El Hattab 2017-01-19 12:16:30 +01:00
parent 98de9327a7
commit 20238ee1d6
2 changed files with 18 additions and 1 deletions

View File

@ -323,6 +323,7 @@ body {
bottom: 0; bottom: 0;
left: 0; left: 0;
margin: auto; margin: auto;
pointer-events: none;
overflow: visible; overflow: visible;
z-index: 1; z-index: 1;
text-align: center; text-align: center;
@ -340,6 +341,7 @@ body {
position: absolute; position: absolute;
width: 100%; width: 100%;
padding: 20px 0px; padding: 20px 0px;
pointer-events: auto;
z-index: 10; z-index: 10;
-webkit-transform-style: flat; -webkit-transform-style: flat;
transform-style: flat; transform-style: flat;
@ -374,6 +376,10 @@ body {
z-index: 11; z-index: 11;
opacity: 1; } opacity: 1; }
.reveal .slides > section:empty,
.reveal .slides > section > section:empty {
pointer-events: none; }
.reveal.center, .reveal.center,
.reveal.center .slides, .reveal.center .slides,
.reveal.center .slides section { .reveal.center .slides section {
@ -839,6 +845,7 @@ body {
height: 100%; height: 100%;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
overflow: hidden;
background-color: transparent; background-color: transparent;
background-position: 50% 50%; background-position: 50% 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -851,7 +858,8 @@ body {
.reveal .slide-background.present { .reveal .slide-background.present {
opacity: 1; opacity: 1;
visibility: visible; } visibility: visible;
z-index: 2; }
.print-pdf .reveal .slide-background { .print-pdf .reveal .slide-background {
opacity: 1 !important; opacity: 1 !important;

View File

@ -388,6 +388,7 @@ body {
bottom: 0; bottom: 0;
left: 0; left: 0;
margin: auto; margin: auto;
pointer-events: none;
overflow: visible; overflow: visible;
z-index: 1; z-index: 1;
@ -406,6 +407,7 @@ body {
position: absolute; position: absolute;
width: 100%; width: 100%;
padding: 20px 0px; padding: 20px 0px;
pointer-events: auto;
z-index: 10; z-index: 10;
transform-style: flat; transform-style: flat;
@ -443,6 +445,11 @@ body {
opacity: 1; opacity: 1;
} }
.reveal .slides>section:empty,
.reveal .slides>section>section:empty {
pointer-events: none;
}
.reveal.center, .reveal.center,
.reveal.center .slides, .reveal.center .slides,
.reveal.center .slides section { .reveal.center .slides section {
@ -866,6 +873,7 @@ body {
height: 100%; height: 100%;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
overflow: hidden;
background-color: rgba( 0, 0, 0, 0 ); background-color: rgba( 0, 0, 0, 0 );
background-position: 50% 50%; background-position: 50% 50%;
@ -882,6 +890,7 @@ body {
.reveal .slide-background.present { .reveal .slide-background.present {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
z-index: 2;
} }
.print-pdf .reveal .slide-background { .print-pdf .reveal .slide-background {