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;