Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Ensures right panel (with .ui-responsive applied) matches width of left.

  • Loading branch information...
commit aabedd29fa4ce8f601a8c3328d41a21995f0f2fd 1 parent fdaecce
@Wilto Wilto authored
Showing with 21 additions and 15 deletions.
  1. +20 −14 css/structure/jquery.mobile.panel.css
  2. +1 −1  docs/panels/index.html
View
34 css/structure/jquery.mobile.panel.css
@@ -213,11 +213,11 @@
transform: translateX(-100%);
}
.ui-panel-transforms .ui-responsive.ui-panel-position-right {
- -webkit-transform: translateX(100%);
+ -webkit-transform: translateX(400%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
- transform: translateX(100%);
+ transform: translateX(400%);
}
.ui-responsive.ui-panel-display-reveal {
@@ -240,13 +240,19 @@
-o-transform: translateX(0%);
transform: translateX(0%);
}
- .ui-panel-transforms .ui-responsive.ui-panel-position-right.ui-panel-display-reveal,
- .ui-panel-transforms.ui-responsive.ui-panel-position-right.ui-panel-active {
- -webkit-transform: translateX(75%);
- -moz-transform: translateX(75%);
- -ms-transform: translateX(75%);
- -o-transform: translateX(75%);
- transform: translateX(75%);
+ .ui-panel-transforms .ui-responsive.ui-panel-position-right.ui-panel-active {
+ -webkit-transform: translateX(300%);
+ -moz-transform: translateX(300%);
+ -ms-transform: translateX(300%);
+ -o-transform: translateX(300%);
+ transform: translateX(300%);
+ }
+ .ui-panel-transforms .ui-responsive.ui-panel-position-right.ui-panel-display-reveal {
+ -webkit-transform: translateX(0%);
+ -moz-transform: translateX(0%);
+ -ms-transform: translateX(0%);
+ -o-transform: translateX(0%);
+ transform: translateX(0%);
}
.ui-panel-positioning .ui-responsive.ui-panel-content-wrap.panel-shift-left{
@@ -263,11 +269,11 @@
transform: translateX(25%);
}
.ui-panel-transforms .ui-responsive.ui-panel-content-wrap.panel-shift-right {
- -webkit-transform: translateX(75%);
- -moz-transform: translateX(75%);
- -ms-transform: translateX(75%);
- -o-transform: translateX(75%);
- transform: translateX(75%);
+ -webkit-transform: translateX(-25%);
+ -moz-transform: translateX(-25%);
+ -ms-transform: translateX(-25%);
+ -o-transform: translateX(-25%);
+ transform: translateX(-25%);
}
}
View
2  docs/panels/index.html
@@ -72,7 +72,7 @@
<!-- panel content goes here -->
</div><!-- /panel -->
- <div data-role="panel" id="mypanel1" data-theme="b">
+ <div data-role="panel" id="mypanel1" class="ui-responsive" data-theme="b">
<style>
.userform { padding:.8em 1.2em; }
.userform h2 { color:#555; margin:0.3em 0 .8em 0; padding-bottom:.5em; border-bottom:1px solid rgba(0,0,0,.1); }
Please sign in to comment.
Something went wrong with that request. Please try again.