aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2017-05-19 10:46:13 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2017-05-19 10:46:13 +0200
commit955075bfc4a8b223329942b8ad95ecbd61fc8049 (patch)
treeedbb1d146cfdd1e3640f44c30b3e4416fa4c1422
parentb1a7b0799f055afdefbac6c6f3de8f886c6c2186 (diff)
downloadfosdem-2018-presentation-955075bfc4a8b223329942b8ad95ecbd61fc8049.tar
fosdem-2018-presentation-955075bfc4a8b223329942b8ad95ecbd61fc8049.tar.gz
adjust autplay position when notes are bottom-aligned
-rw-r--r--css/reveal.css12
-rw-r--r--css/reveal.scss10
2 files changed, 11 insertions, 11 deletions
diff --git a/css/reveal.css b/css/reveal.css
index d74f6df..6cb7c8c 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -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;
diff --git a/css/reveal.scss b/css/reveal.scss
index 4aee25b..eb0f239 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -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;