Updated Controls to use CSS triangles rather than unicode triangles (fix Android support)
This commit is contained in:
parent
143fc85c65
commit
b373425b69
|
@ -319,41 +319,51 @@ body {
|
||||||
width: 90px;
|
width: 90px;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
z-index: 30;
|
z-index: 30;
|
||||||
|
|
||||||
right: 10px;
|
right: 10px;
|
||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .controls a {
|
.reveal .controls div {
|
||||||
font-family: Arial;
|
|
||||||
font-size: 0.83em;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
opacity: 0.1;
|
opacity: 0.1;
|
||||||
}
|
width: 0;
|
||||||
.reveal .controls a.enabled {
|
height: 0;
|
||||||
|
border: 12px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .controls div.enabled {
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
.reveal .controls a.enabled:active {
|
|
||||||
|
.reveal .controls div.enabled:active {
|
||||||
margin-top: 1px;
|
margin-top: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .controls .left {
|
.reveal .controls div.left {
|
||||||
top: 30px;
|
top: 30px;
|
||||||
}
|
|
||||||
|
|
||||||
.reveal .controls .right {
|
border-right-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .controls div.right {
|
||||||
left: 60px;
|
left: 60px;
|
||||||
top: 30px;
|
top: 30px;
|
||||||
}
|
|
||||||
|
|
||||||
.reveal .controls .up {
|
border-left-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .controls div.up {
|
||||||
left: 30px;
|
left: 30px;
|
||||||
}
|
|
||||||
|
|
||||||
.reveal .controls .down {
|
border-bottom-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal .controls div.down {
|
||||||
left: 30px;
|
left: 30px;
|
||||||
top: 60px;
|
top: 60px;
|
||||||
}
|
|
||||||
|
border-top-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
|
|
|
@ -150,10 +150,10 @@ var Reveal = (function(){
|
||||||
if( !dom.wrapper.querySelector( '.controls' ) && config.controls ) {
|
if( !dom.wrapper.querySelector( '.controls' ) && config.controls ) {
|
||||||
var controlsElement = document.createElement( 'aside' );
|
var controlsElement = document.createElement( 'aside' );
|
||||||
controlsElement.classList.add( 'controls' );
|
controlsElement.classList.add( 'controls' );
|
||||||
controlsElement.innerHTML = '<a class="left" href="#">◄</a>' +
|
controlsElement.innerHTML = '<div class="left"></div>' +
|
||||||
'<a class="right" href="#">►</a>' +
|
'<div class="right"></div>' +
|
||||||
'<a class="up" href="#">▲</a>' +
|
'<div class="up"></div>' +
|
||||||
'<a class="down" href="#">▼</a>';
|
'<div class="down"></div>';
|
||||||
dom.wrapper.appendChild( controlsElement );
|
dom.wrapper.appendChild( controlsElement );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user