Get closing modal working on Android 2.3

Closes #8.
drublic · Mar 4, 2013 · 788661b · 788661b
1 parent 9b2f4ce
commit 788661b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/css/main.css b/css/main.css
@@ -640,11 +640,11 @@ a:visited {
  * Configuration
  */
 .semantic-content {
- -webkit-transform: translate(0, 100%);
- -moz-transform: translate(0, 100%);
- -o-transform: translate(0, 100%);
- -ms-transform: translate(0, 100%);
- transform: translate(0, 100%);
+ -webkit-transform: translate(0, 400px);
+ -moz-transform: translate(0, 400px);
+ -o-transform: translate(0, 400px);
+ -ms-transform: translate(0, 400px);
+ transform: translate(0, 400px);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;

diff --git a/scss/_modal.scss b/scss/_modal.scss
@@ -18,7 +18,7 @@ $modal-mobile-header: #27aae2;
 
 %modal {
  // Hide initially
- @include x-transform(translate(0, 100%));
+ @include x-transform(translate(0, 400px)); // Use px to work around Android 2.3 bug
  transform: translate3d(0, 100%, 0);
 
  // Maintain a fixed position