adjust autplay position when notes are bottom-aligned

This commit is contained in:
Hakim El Hattab 2017-05-19 10:46:13 +02:00
parent b1a7b0799f
commit 955075bfc4
2 changed files with 11 additions and 11 deletions

View file

@ -415,7 +415,7 @@ body {
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
position: fixed; position: absolute;
display: none; display: none;
height: 3px; height: 3px;
width: 100%; width: 100%;
@ -1398,12 +1398,13 @@ body {
* PLAYBACK COMPONENT * PLAYBACK COMPONENT
*********************************************/ *********************************************/
.reveal .playback { .reveal .playback {
position: fixed; position: absolute;
left: 15px; left: 15px;
bottom: 20px; bottom: 20px;
z-index: 30; z-index: 30;
cursor: pointer; cursor: pointer;
transition: all 400ms ease; } transition: all 400ms ease;
-webkit-tap-highlight-color: transparent; }
.reveal.overview .playback { .reveal.overview .playback {
opacity: 0; opacity: 0;
@ -1471,12 +1472,11 @@ body {
height: 100%; height: 100%;
top: 0; top: 0;
left: 100%; left: 100%;
padding: 14px; padding: 14px 18px 14px 18px;
z-index: 1; z-index: 1;
font-size: 18px; font-size: 18px;
line-height: 1.4; line-height: 1.4;
border-left: 1px solid rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
color: #222; color: #222;
background-color: #f5f5f5; background-color: #f5f5f5;
overflow: auto; overflow: auto;

View file

@ -502,7 +502,7 @@ $controlsArrowAngleActive: 36deg;
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
position: fixed; position: absolute;
display: none; display: none;
height: 3px; height: 3px;
width: 100%; width: 100%;
@ -1521,12 +1521,13 @@ $controlsArrowAngleActive: 36deg;
*********************************************/ *********************************************/
.reveal .playback { .reveal .playback {
position: fixed; position: absolute;
left: 15px; left: 15px;
bottom: 20px; bottom: 20px;
z-index: 30; z-index: 30;
cursor: pointer; cursor: pointer;
transition: all 400ms ease; transition: all 400ms ease;
-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
} }
.reveal.overview .playback { .reveal.overview .playback {
@ -1599,12 +1600,11 @@ $controlsArrowAngleActive: 36deg;
height: 100%; height: 100%;
top: 0; top: 0;
left: 100%; left: 100%;
padding: 14px; padding: 14px 18px 14px 18px;
z-index: 1; z-index: 1;
font-size: 18px; font-size: 18px;
line-height: 1.4; line-height: 1.4;
border-left: 1px solid rgba( 0, 0, 0, 0.05 ); border: 1px solid rgba( 0, 0, 0, 0.05 );
border-bottom: 1px solid rgba( 0, 0, 0, 0.05 );
color: #222; color: #222;
background-color: #f5f5f5; background-color: #f5f5f5;
overflow: auto; overflow: auto;