diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-06-12 10:22:47 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2017-06-12 10:22:47 +0200 |
| commit | 9342d19b5adcd3eea1f2f16ba74ec2f83928efc5 (patch) | |
| tree | eff048e47e7bf27ff766d9b3b34f7f02514613a8 | |
| parent | 6ae4ad69d2152d83c02aae52d40c14b0223e42ce (diff) | |
| download | fosdem-2018-presentation-9342d19b5adcd3eea1f2f16ba74ec2f83928efc5.tar fosdem-2018-presentation-9342d19b5adcd3eea1f2f16ba74ec2f83928efc5.tar.gz | |
fix centering of edge-aligned controls
| -rw-r--r-- | css/reveal.css | 12 | ||||
| -rw-r--r-- | css/reveal.scss | 4 | ||||
| -rw-r--r-- | js/reveal.js | 2 |
3 files changed, 13 insertions, 5 deletions
diff --git a/css/reveal.css b/css/reveal.css index 5f549fe..625fe6f 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -400,16 +400,20 @@ body { right: auto; } .reveal .controls[data-controls-layout="edges"] .navigate-left { top: 50%; - left: 8px; } + left: 8px; + margin-top: -1.8em; } .reveal .controls[data-controls-layout="edges"] .navigate-right { top: 50%; - right: 8px; } + right: 8px; + margin-top: -1.8em; } .reveal .controls[data-controls-layout="edges"] .navigate-up { top: 8px; - left: 50%; } + left: 50%; + margin-left: -1.8em; } .reveal .controls[data-controls-layout="edges"] .navigate-down { bottom: 8px; - left: 50%; } } + left: 50%; + margin-left: -1.8em; } } /********************************************* * PROGRESS BAR diff --git a/css/reveal.scss b/css/reveal.scss index 689aa40..4a953fd 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -477,21 +477,25 @@ $controlsArrowAngleActive: 36deg; .navigate-left { top: 50%; left: $spacing; + margin-top: -$controlArrowSize/2; } .navigate-right { top: 50%; right: $spacing; + margin-top: -$controlArrowSize/2; } .navigate-up { top: $spacing; left: 50%; + margin-left: -$controlArrowSize/2; } .navigate-down { bottom: $spacing; left: 50%; + margin-left: -$controlArrowSize/2; } } diff --git a/js/reveal.js b/js/reveal.js index ae0ec35..186a999 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -4965,7 +4965,7 @@ this.context.beginPath(); this.context.arc( x, y, radius, 0, Math.PI * 2, false ); this.context.lineWidth = this.thickness; - this.context.strokeStyle = '#666'; + this.context.strokeStyle = 'rgba( 255, 255, 255, 0.2 )'; this.context.stroke(); if( this.playing ) { |