Browse files

Everything works now.

  • Loading branch information...
1 parent 995efa9 commit 725031e1bb7fc8adc80ee95cafe89264df782ab6 @Wilto Wilto committed Dec 5, 2012
Showing with 43 additions and 13 deletions.
  1. +43 −13 css/structure/jquery.mobile.panel.css
View
56 css/structure/jquery.mobile.panel.css
@@ -69,11 +69,11 @@
}
.ui-panel-positioning .ui-panel-content-wrap {
- -webkit-transition: -webkit-box-shadow 450ms linear, left 450ms ease, right 450ms ease;
- -moz-transition: -moz-box-shadow 450ms linear, left 450ms ease, right 450ms ease;
- -ms-transition: -ms-box-shadow 450ms linear, left 450ms ease, right 450ms ease;
- -o-transition: -o-box-shadow 450ms linear, left 450ms ease, right 450ms ease;
- transition: box-shadow 450ms linear, left 450ms ease, right 450ms ease;
+ -webkit-transition: -webkit-box-shadow 450ms ease, left 450ms ease, right 450ms ease;
+ -moz-transition: -moz-box-shadow 450ms ease, left 450ms ease, right 450ms ease;
+ -ms-transition: -ms-box-shadow 450ms ease, left 450ms ease, right 450ms ease;
+ -o-transition: -o-box-shadow 450ms ease, left 450ms ease, right 450ms ease;
+ transition: box-shadow 450ms ease, left 450ms ease, right 450ms ease;
}
.ui-panel-transforms .ui-panel-content-wrap {
-webkit-transform: translateX(0%);
@@ -82,11 +82,11 @@
-o-transform: translateX(0%);
transform: translateX(0%);
- -webkit-transition: -webkit-box-shadow 450ms linear, -webkit-transform 450ms ease;
- -moz-transition: -moz-box-shadow 450ms linear, -moz-transform 450ms ease;
- -ms-transition: -ms-box-shadow 450ms linear, -ms-transform 450ms ease;
- -o-transition: -o-box-shadow 450ms linear, -o-transform 450ms ease;
- transition: box-shadow 450ms linear, transform 450ms ease;
+ -webkit-transition: -webkit-box-shadow 450ms ease, -webkit-transform 450ms ease;
+ -moz-transition: -moz-box-shadow 450ms ease, -moz-transform 450ms ease;
+ -ms-transition: -ms-box-shadow 450ms ease, -ms-transform 450ms ease;
+ -o-transition: -o-box-shadow 450ms ease, -o-transform 450ms ease;
+ transition: box-shadow 450ms ease, transform 450ms ease;
}
/* Shift transition */
@@ -195,10 +195,15 @@
overflow-x:hidden;
}
@media screen and (min-width: 50em){
+ .ui-panel-dismiss {
+ width: 75%;
+ }
+ .panel-push ~ .ui-panel-dismiss {
+ display: none;
+ }
.ui-responsive.ui-panel{
width: 25%;
}
-
.ui-panel-positioning .ui-responsive.ui-panel-position-left {
left: -30%;
}
@@ -255,10 +260,10 @@
transform: translateX(0%);
}
- .ui-panel-positioning .ui-responsive.ui-panel-content-wrap.panel-shift-left{
+ .ui-panel-positioning .ui-responsive.ui-panel-content-wrap.panel-shift-left {
left: 25%;
}
- .ui-panel-positioning .ui-responsive.ui-panel-content-wrap.panel-shift-right{
+ .ui-panel-positioning .ui-responsive.ui-panel-content-wrap.panel-shift-right {
right: 25%;
}
.ui-panel-transforms .ui-responsive.ui-panel-content-wrap.panel-shift-left {
@@ -276,6 +281,31 @@
transform: translateX(-25%);
}
+ .ui-panel-transforms .ui-panel-content-wrap {
+ width: 100%;
+ }
+ .ui-panel-transforms .ui-panel-display-push ~ .ui-panel-content-wrap {
+ -webkit-transition: width 450ms ease, -webkit-transform 450ms ease;
+ -moz-transition: width 450ms ease, -moz-transform 450ms ease;
+ -ms-transition: width 450ms ease, -ms-transform 450ms ease;
+ -o-transition: width 450ms ease, -o-transform 450ms ease;
+ transition: width 450ms ease, transform 450ms ease;
+ -webkit-transform: none !important;
+ transform: none !important;
+ }
+ .ui-panel-transforms .ui-responsive.ui-panel-content-wrap.panel-push {
+ width: 75%;
+ }
+
+ .ui-panel-transforms .ui-panel-display-push.ui-panel-position-right ~ .ui-responsive.ui-panel-content-wrap {
+ position: absolute;
+ left: 0;
+ }
+ .ui-panel-transforms .ui-panel-display-push.ui-panel-position-left ~ .ui-responsive.ui-panel-content-wrap {
+ position: absolute;
+ right: 0;
+ }
+
}
/*
@media screen and (min-width: 40em){

0 comments on commit 725031e

Please sign in to comment.