adjust autplay position when notes are bottom-aligned
This commit is contained in:
parent
b1a7b0799f
commit
955075bfc4
2 changed files with 11 additions and 11 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue