diff --git a/.gitignore b/.gitignore index 73026e7e91..beaa882d57 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,6 @@ .DS_Store *.sw[mnpcod] +example/cordova/iOS/www/js/framework example/cordova/iOS/www/js/framework .sass-cache/ diff --git a/Makefile b/Makefile index 1675750428..972ebe1463 100644 --- a/Makefile +++ b/Makefile @@ -6,6 +6,6 @@ release: @sass -I scss/ scss/framework.scss:dist/framework.css cordova: - @cp js/framework/*.js example/cordova/iOS/www/js + @cp -R js/ example/cordova/iOS/www/js @cp dist/framework.css example/cordova/iOS/www/css diff --git a/example/cordova/iOS/CodiqaProject.xcodeproj/project.xcworkspace/xcuserdata/driftyadmin.xcuserdatad/UserInterfaceState.xcuserstate b/example/cordova/iOS/CodiqaProject.xcodeproj/project.xcworkspace/xcuserdata/driftyadmin.xcuserdatad/UserInterfaceState.xcuserstate index 2b25aea40b..8f5f82b4e2 100644 Binary files a/example/cordova/iOS/CodiqaProject.xcodeproj/project.xcworkspace/xcuserdata/driftyadmin.xcuserdatad/UserInterfaceState.xcuserstate and b/example/cordova/iOS/CodiqaProject.xcodeproj/project.xcworkspace/xcuserdata/driftyadmin.xcuserdatad/UserInterfaceState.xcuserstate differ diff --git a/example/cordova/iOS/www/css/framework.css b/example/cordova/iOS/www/css/framework.css index 99fba5cdd9..784ad91c1f 100644 --- a/example/cordova/iOS/www/css/framework.css +++ b/example/cordova/iOS/www/css/framework.css @@ -221,26 +221,36 @@ a.list-item { margin-bottom: 0; line-height: 1.3; } -/* the container of panel content to show */ -.panel-content { - display: block; - width: 17em; +[data-panel] { + display: none; min-height: 100%; max-height: 100%; position: absolute; top: 0; z-index: 0; } +.panel-active { + display: block; + width: 270px; } + header, main, footer { + z-index: 100; left: 0; right: 0; - -webkit-transition: -webkit-transform 200ms ease; - -moz-transition: -moz-transform 200ms ease; - transition: transform 200ms ease; + -webkit-transition: -webkit-transform 300ms ease; + -moz-transition: -moz-transform 300ms ease; + transition: transform 300ms ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } +.panel-opened > section > header, +.panel-opened > section > main, +.panel-opened > section > footer { + -webkit-transform: translate3d(270px, 0, 0); + -moz-transform: translate3d(270px, 0, 0); + transform: translate3d(270px, 0, 0); } + .ptr-capable { -webkit-user-drag: element; } @@ -524,7 +534,7 @@ main { a.list-item { color: #333333; } -.panel-content { +[data-panel] { background: #eeeeee; border-right: 1px solid #bbbbbb; } diff --git a/example/cordova/iOS/www/index.html b/example/cordova/iOS/www/index.html index 78719ffd3f..62fd608188 100755 --- a/example/cordova/iOS/www/index.html +++ b/example/cordova/iOS/www/index.html @@ -7,12 +7,21 @@ + + + +