Commit 955075bf authored by Hakim El Hattab's avatar Hakim El Hattab
Browse files

adjust autplay position when notes are bottom-aligned

parent b1a7b079
...@@ -415,7 +415,7 @@ body { ...@@ -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 { ...@@ -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 { ...@@ -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;
......
...@@ -502,7 +502,7 @@ $controlsArrowAngleActive: 36deg; ...@@ -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; ...@@ -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; ...@@ -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;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment