Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
server
team-presentation
Commits
12330922
Commit
12330922
authored
Jun 13, 2017
by
Hakim El Hattab
Browse files
prevent mobile safari header from covering presentation content
parent
9342d19b
Changes
3
Hide whitespace changes
Inline
Side-by-side
css/reveal.css
View file @
12330922
...
...
@@ -474,6 +474,10 @@ body {
-ms-touch-action
:
none
;
touch-action
:
none
;
}
@media
only
screen
and
(
orientation
:
landscape
)
{
.reveal.ua-iphone
{
position
:
fixed
;
}
}
.reveal
.slides
{
position
:
absolute
;
width
:
100%
;
...
...
css/reveal.scss
View file @
12330922
...
...
@@ -569,6 +569,16 @@ $controlsArrowAngleActive: 36deg;
touch-action
:
none
;
}
// Mobile Safari sometimes overlays a header at the top
// of the page when in landscape mode. Using fixed
// positioning ensures that reveal.js reduces its height
// when this header is visible.
@media
only
screen
and
(
orientation
:
landscape
)
{
.reveal.ua-iphone
{
position
:
fixed
;
}
}
.reveal
.slides
{
position
:
absolute
;
width
:
100%
;
...
...
js/reveal.js
View file @
12330922
...
...
@@ -530,6 +530,13 @@
dom
.
wrapper
.
classList
.
remove
(
'
no-hover
'
);
}
if
(
/iphone/gi
.
test
(
UA
)
)
{
dom
.
wrapper
.
classList
.
add
(
'
ua-iphone
'
);
}
else
{
dom
.
wrapper
.
classList
.
remove
(
'
ua-iphone
'
);
}
// Background element
dom
.
background
=
createSingletonNode
(
dom
.
wrapper
,
'
div
'
,
'
backgrounds
'
,
null
);
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment