dirk
/
why-cant-we-deploy-today
1
0
Fork 0
Code Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/reveal.css
View File

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

10
css/reveal.scss
View File

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