Fixed modals when dragging to left (iOS)
This commit is contained in:
parent
e36e830f8f
commit
aba30503ae
2 changed files with 8 additions and 1 deletions
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||||
<meta name="msapplication-tap-highlight" content="no">
|
<meta name="msapplication-tap-highlight" content="no">
|
||||||
<link rel="stylesheet" type="text/css" href="css/foundation.css">
|
<link rel="stylesheet" type="text/css" href="css/foundation.css">
|
||||||
<link rel="stylesheet" type="text/css" href="icons/foundation-icons.css">
|
<link rel="stylesheet" type="text/css" href="icons/foundation-icons.css">
|
||||||
|
|
|
||||||
|
|
@ -567,6 +567,12 @@ to prevent collapsing during animation*/
|
||||||
top: 45px;
|
top: 45px;
|
||||||
padding-bottom: 33px;
|
padding-bottom: 33px;
|
||||||
-webkit-transform: translate3d(0,0,0);
|
-webkit-transform: translate3d(0,0,0);
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.modal-open {
|
||||||
|
position: fixed;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-modal {
|
.reveal-modal {
|
||||||
|
|
@ -574,6 +580,7 @@ to prevent collapsing during animation*/
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
outline: 0;
|
outline: 0;
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-modal.animated.slideInRight,
|
.reveal-modal.animated.slideInRight,
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue