jquery_mobile_rails 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/README.rdoc +22 -25
- data/lib/jquery_mobile_rails/version.rb +1 -1
- data/test/dummy/db/test.sqlite3 +0 -0
- data/test/dummy/log/test.log +51 -0
- data/vendor/assets/javascripts/jquery.mobile.js +3857 -3758
- data/vendor/assets/javascripts/jquery.mobile.min.js +7 -2
- data/vendor/assets/stylesheets/jquery.mobile.css.scss +73 -64
- data/vendor/assets/stylesheets/jquery.mobile.min.css.scss +3 -2
- data/vendor/assets/stylesheets/jquery.mobile.structure.css.scss +189 -76
- data/vendor/assets/stylesheets/jquery.mobile.structure.min.css.scss +3 -2
- data/vendor/assets/stylesheets/jquery.mobile.theme.css.scss +24 -123
- data/vendor/assets/stylesheets/jquery.mobile.theme.min.css.scss +3 -2
- metadata +15 -23
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* jQuery Mobile
|
|
2
|
+
* jQuery Mobile 1.3.1
|
|
3
|
+
* Git HEAD hash: 74b4bec049fd93e4fe40205e6157de16eb64eb46 <> Date: Wed Apr 10 2013 21:57:23 UTC
|
|
3
4
|
* http://jquerymobile.com
|
|
4
5
|
*
|
|
5
6
|
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
|
|
@@ -890,7 +891,7 @@ a.ui-link-inherit {
|
|
|
890
891
|
background-image: image-url("jquery-mobile/icons-36-black.png");
|
|
891
892
|
}
|
|
892
893
|
.ui-icon-plus {
|
|
893
|
-
background-position:
|
|
894
|
+
background-position: 0 50%;
|
|
894
895
|
}
|
|
895
896
|
.ui-icon-minus {
|
|
896
897
|
background-position: -36px 50%;
|
|
@@ -1005,31 +1006,31 @@ a.ui-link-inherit {
|
|
|
1005
1006
|
height: 100%;
|
|
1006
1007
|
}
|
|
1007
1008
|
.ui-overlay-shadow {
|
|
1008
|
-
-moz-box-shadow:
|
|
1009
|
-
-webkit-box-shadow:
|
|
1010
|
-
box-shadow:
|
|
1009
|
+
-moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
|
|
1010
|
+
-webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
|
|
1011
|
+
box-shadow: 0 0 12px rgba(0,0,0,.6);
|
|
1011
1012
|
}
|
|
1012
1013
|
.ui-shadow {
|
|
1013
|
-
-moz-box-shadow:
|
|
1014
|
-
-webkit-box-shadow:
|
|
1015
|
-
box-shadow:
|
|
1014
|
+
-moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
|
|
1015
|
+
-webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
|
|
1016
|
+
box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/
|
|
1016
1017
|
}
|
|
1017
1018
|
.ui-bar-a .ui-shadow,
|
|
1018
1019
|
.ui-bar-b .ui-shadow ,
|
|
1019
1020
|
.ui-bar-c .ui-shadow {
|
|
1020
|
-
-moz-box-shadow:
|
|
1021
|
-
-webkit-box-shadow:
|
|
1022
|
-
box-shadow:
|
|
1021
|
+
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3);
|
|
1022
|
+
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3);
|
|
1023
|
+
box-shadow: 0 1px 0 rgba(255,255,255,.3);
|
|
1023
1024
|
}
|
|
1024
1025
|
.ui-shadow-inset {
|
|
1025
|
-
-moz-box-shadow: inset
|
|
1026
|
-
-webkit-box-shadow: inset
|
|
1027
|
-
box-shadow: inset
|
|
1026
|
+
-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
|
|
1027
|
+
-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
|
|
1028
|
+
box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
|
|
1028
1029
|
}
|
|
1029
1030
|
.ui-icon-shadow {
|
|
1030
|
-
-moz-box-shadow:
|
|
1031
|
-
-webkit-box-shadow:
|
|
1032
|
-
box-shadow:
|
|
1031
|
+
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
|
|
1032
|
+
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
|
|
1033
|
+
box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
|
|
1033
1034
|
}
|
|
1034
1035
|
/* Focus state - set here for specificity (note: these classes are added by JavaScript)
|
|
1035
1036
|
-----------------------------------------------------------------------------------------------------------*/
|
|
@@ -1041,15 +1042,15 @@ a.ui-link-inherit {
|
|
|
1041
1042
|
}
|
|
1042
1043
|
.ui-focus,
|
|
1043
1044
|
.ui-btn:focus {
|
|
1044
|
-
-moz-box-shadow: inset
|
|
1045
|
-
-webkit-box-shadow: inset
|
|
1046
|
-
box-shadow: inset
|
|
1045
|
+
-moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
|
|
1046
|
+
-webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
|
|
1047
|
+
box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
|
|
1047
1048
|
}
|
|
1048
1049
|
.ui-input-text.ui-focus,
|
|
1049
1050
|
.ui-input-search.ui-focus {
|
|
1050
|
-
-moz-box-shadow:
|
|
1051
|
-
-webkit-box-shadow:
|
|
1052
|
-
box-shadow:
|
|
1051
|
+
-moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
|
|
1052
|
+
-webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
|
|
1053
|
+
box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
|
|
1053
1054
|
}
|
|
1054
1055
|
/* unset box shadow in browsers that don't do it right
|
|
1055
1056
|
-----------------------------------------------------------------------------------------------------------*/
|
|
@@ -1081,10 +1082,10 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1081
1082
|
.ui-page { outline: none; }
|
|
1082
1083
|
/*orientations from js are available */
|
|
1083
1084
|
@media screen and (orientation: portrait){
|
|
1084
|
-
.ui-mobile
|
|
1085
|
+
.ui-mobile .ui-page { min-height: 420px; }
|
|
1085
1086
|
}
|
|
1086
1087
|
@media screen and (orientation: landscape){
|
|
1087
|
-
.ui-mobile
|
|
1088
|
+
.ui-mobile .ui-page { min-height: 300px; }
|
|
1088
1089
|
}
|
|
1089
1090
|
/* loading screen */
|
|
1090
1091
|
.ui-loading .ui-loader { display: block; }
|
|
@@ -1164,24 +1165,18 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1164
1165
|
opacity: 0;
|
|
1165
1166
|
}
|
|
1166
1167
|
.in {
|
|
1167
|
-
-webkit-animation-fill-mode: both;
|
|
1168
1168
|
-webkit-animation-timing-function: ease-out;
|
|
1169
1169
|
-webkit-animation-duration: 350ms;
|
|
1170
|
-
-moz-animation-fill-mode: both;
|
|
1171
1170
|
-moz-animation-timing-function: ease-out;
|
|
1172
1171
|
-moz-animation-duration: 350ms;
|
|
1173
|
-
animation-fill-mode: both;
|
|
1174
1172
|
animation-timing-function: ease-out;
|
|
1175
1173
|
animation-duration: 350ms;
|
|
1176
1174
|
}
|
|
1177
1175
|
.out {
|
|
1178
|
-
-webkit-animation-fill-mode: both;
|
|
1179
1176
|
-webkit-animation-timing-function: ease-in;
|
|
1180
1177
|
-webkit-animation-duration: 225ms;
|
|
1181
|
-
-moz-animation-fill-mode: both;
|
|
1182
1178
|
-moz-animation-timing-function: ease-in;
|
|
1183
1179
|
-moz-animation-duration: 225ms;
|
|
1184
|
-
animation-fill-mode: both;
|
|
1185
1180
|
animation-timing-function: ease-in;
|
|
1186
1181
|
animation-duration: 225ms;
|
|
1187
1182
|
}
|
|
@@ -1328,8 +1323,8 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1328
1323
|
}
|
|
1329
1324
|
/* keyframes for slidein from sides */
|
|
1330
1325
|
@-webkit-keyframes slideinfromright {
|
|
1331
|
-
from { -webkit-transform:
|
|
1332
|
-
to { -webkit-transform:
|
|
1326
|
+
from { -webkit-transform: translate3d(100%,0,0); }
|
|
1327
|
+
to { -webkit-transform: translate3d(0,0,0); }
|
|
1333
1328
|
}
|
|
1334
1329
|
@-moz-keyframes slideinfromright {
|
|
1335
1330
|
from { -moz-transform: translateX(100%); }
|
|
@@ -1340,8 +1335,8 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1340
1335
|
to { transform: translateX(0); }
|
|
1341
1336
|
}
|
|
1342
1337
|
@-webkit-keyframes slideinfromleft {
|
|
1343
|
-
from { -webkit-transform:
|
|
1344
|
-
to { -webkit-transform:
|
|
1338
|
+
from { -webkit-transform: translate3d(-100%,0,0); }
|
|
1339
|
+
to { -webkit-transform: translate3d(0,0,0); }
|
|
1345
1340
|
}
|
|
1346
1341
|
@-moz-keyframes slideinfromleft {
|
|
1347
1342
|
from { -moz-transform: translateX(-100%); }
|
|
@@ -1353,8 +1348,8 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1353
1348
|
}
|
|
1354
1349
|
/* keyframes for slideout to sides */
|
|
1355
1350
|
@-webkit-keyframes slideouttoleft {
|
|
1356
|
-
from { -webkit-transform:
|
|
1357
|
-
to { -webkit-transform:
|
|
1351
|
+
from { -webkit-transform: translate3d(0,0,0); }
|
|
1352
|
+
to { -webkit-transform: translate3d(-100%,0,0); }
|
|
1358
1353
|
}
|
|
1359
1354
|
@-moz-keyframes slideouttoleft {
|
|
1360
1355
|
from { -moz-transform: translateX(0); }
|
|
@@ -1365,8 +1360,8 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1365
1360
|
to { transform: translateX(-100%); }
|
|
1366
1361
|
}
|
|
1367
1362
|
@-webkit-keyframes slideouttoright {
|
|
1368
|
-
from { -webkit-transform:
|
|
1369
|
-
to { -webkit-transform:
|
|
1363
|
+
from { -webkit-transform: translate3d(0,0,0); }
|
|
1364
|
+
to { -webkit-transform: translate3d(100%,0,0); }
|
|
1370
1365
|
}
|
|
1371
1366
|
@-moz-keyframes slideouttoright {
|
|
1372
1367
|
from { -moz-transform: translateX(0); }
|
|
@@ -1385,7 +1380,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1385
1380
|
animation-duration: 350ms;
|
|
1386
1381
|
}
|
|
1387
1382
|
.slide.out {
|
|
1388
|
-
-webkit-transform:
|
|
1383
|
+
-webkit-transform: translate3d(-100%,0,0);
|
|
1389
1384
|
-webkit-animation-name: slideouttoleft;
|
|
1390
1385
|
-moz-transform: translateX(-100%);
|
|
1391
1386
|
-moz-animation-name: slideouttoleft;
|
|
@@ -1393,7 +1388,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1393
1388
|
animation-name: slideouttoleft;
|
|
1394
1389
|
}
|
|
1395
1390
|
.slide.in {
|
|
1396
|
-
-webkit-transform:
|
|
1391
|
+
-webkit-transform: translate3d(0,0,0);
|
|
1397
1392
|
-webkit-animation-name: slideinfromright;
|
|
1398
1393
|
-moz-transform: translateX(0);
|
|
1399
1394
|
-moz-animation-name: slideinfromright;
|
|
@@ -1401,7 +1396,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1401
1396
|
animation-name: slideinfromright;
|
|
1402
1397
|
}
|
|
1403
1398
|
.slide.out.reverse {
|
|
1404
|
-
-webkit-transform:
|
|
1399
|
+
-webkit-transform: translate3d(100%,0,0);
|
|
1405
1400
|
-webkit-animation-name: slideouttoright;
|
|
1406
1401
|
-moz-transform: translateX(100%);
|
|
1407
1402
|
-moz-animation-name: slideouttoright;
|
|
@@ -1409,7 +1404,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
|
|
|
1409
1404
|
animation-name: slideouttoright;
|
|
1410
1405
|
}
|
|
1411
1406
|
.slide.in.reverse {
|
|
1412
|
-
-webkit-transform:
|
|
1407
|
+
-webkit-transform: translate3d(0,0,0);
|
|
1413
1408
|
-webkit-animation-name: slideinfromleft;
|
|
1414
1409
|
-moz-transform: translateX(0);
|
|
1415
1410
|
-moz-animation-name: slideinfromleft;
|
|
@@ -2077,8 +2072,7 @@ div.ui-btn-text { width: auto; }
|
|
|
2077
2072
|
.ui-mini.ui-btn-icon-bottom .ui-btn-inner,
|
|
2078
2073
|
.ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
|
|
2079
2074
|
/* Corner styling inheritance */
|
|
2080
|
-
.ui-btn-inner
|
|
2081
|
-
.ui-btn-text {
|
|
2075
|
+
.ui-btn-inner {
|
|
2082
2076
|
-webkit-border-radius: inherit;
|
|
2083
2077
|
border-radius: inherit;
|
|
2084
2078
|
}
|
|
@@ -2132,10 +2126,10 @@ label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin
|
|
|
2132
2126
|
.ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { text-align: center; }
|
|
2133
2127
|
.ui-collapsible-heading .ui-btn-icon-left.ui-mini .ui-btn-inner { padding-left: 30px; }
|
|
2134
2128
|
.ui-collapsible-heading .ui-btn-icon-right.ui-mini .ui-btn-inner { padding-right: 30px; }
|
|
2135
|
-
.ui-collapsible-heading .ui-btn span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px
|
|
2129
|
+
.ui-collapsible-heading .ui-btn span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0 1px 2px; text-indent: -9999px; }
|
|
2136
2130
|
.ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
|
|
2137
2131
|
.ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
|
|
2138
|
-
.ui-collapsible-heading-status { position: absolute; top: -9999px; left:
|
|
2132
|
+
.ui-collapsible-heading-status { position: absolute; top: -9999px; left: 0; }
|
|
2139
2133
|
.ui-collapsible-content {
|
|
2140
2134
|
display: block;
|
|
2141
2135
|
margin: 0 -15px;
|
|
@@ -2296,9 +2290,9 @@ label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin
|
|
|
2296
2290
|
}
|
|
2297
2291
|
.ui-popup-screen {
|
|
2298
2292
|
background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
|
|
2299
|
-
top:
|
|
2300
|
-
left:
|
|
2301
|
-
right:
|
|
2293
|
+
top: 0;
|
|
2294
|
+
left: 0;
|
|
2295
|
+
right: 0;
|
|
2302
2296
|
bottom: 1px;
|
|
2303
2297
|
position: absolute;
|
|
2304
2298
|
filter: Alpha(Opacity=0);
|
|
@@ -2513,7 +2507,7 @@ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear;
|
|
|
2513
2507
|
textarea.ui-mini { height: 45px; }
|
|
2514
2508
|
.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
|
|
2515
2509
|
.ui-input-search .ui-input-clear, .ui-input-text .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
|
|
2516
|
-
.ui-mini .ui-input-clear {
|
|
2510
|
+
.ui-mini .ui-input-clear { right: -3px; }
|
|
2517
2511
|
.ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; }
|
|
2518
2512
|
/* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
|
|
2519
2513
|
input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; }
|
|
@@ -2655,6 +2649,10 @@ ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
|
|
|
2655
2649
|
.ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
|
|
2656
2650
|
ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal; counter-increment: listnumbering; content: counter(listnumbering) ". "; }
|
|
2657
2651
|
ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
|
|
2652
|
+
.ui-listview .ui-li > .ui-btn-text {
|
|
2653
|
+
-webkit-border-radius: inherit;
|
|
2654
|
+
border-radius: inherit;
|
|
2655
|
+
}
|
|
2658
2656
|
.ui-listview > .ui-li.ui-first-child,
|
|
2659
2657
|
.ui-listview .ui-btn.ui-first-child > .ui-li > .ui-btn-text > .ui-link-inherit {
|
|
2660
2658
|
-webkit-border-top-right-radius: inherit;
|
|
@@ -2696,6 +2694,8 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
|
|
|
2696
2694
|
.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; }
|
|
2697
2695
|
.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
|
|
2698
2696
|
.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
|
|
2697
|
+
ol.ui-listview > .ui-li .ui-li-heading { display: inline-block; width: 100%; margin-left: -1.3em; text-indent: 1.3em; vertical-align: middle; }
|
|
2698
|
+
ol.ui-listview > .ui-li .ui-li-desc:not(.ui-li-aside) { text-indent: 1.55em; }
|
|
2699
2699
|
.ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
|
|
2700
2700
|
.ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
|
|
2701
2701
|
.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
|
|
@@ -2715,7 +2715,7 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
|
|
|
2715
2715
|
.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
|
|
2716
2716
|
.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
|
|
2717
2717
|
.ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
|
|
2718
|
-
.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top:
|
|
2718
|
+
.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0; }
|
|
2719
2719
|
.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
|
|
2720
2720
|
.ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
|
|
2721
2721
|
.ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
|
|
@@ -2765,7 +2765,7 @@ input.ui-input-text.ui-slider-input {
|
|
|
2765
2765
|
height: 22px;
|
|
2766
2766
|
line-height: 22px;
|
|
2767
2767
|
font-size: 14px;
|
|
2768
|
-
border:
|
|
2768
|
+
border-width: 0;
|
|
2769
2769
|
background-image: none;
|
|
2770
2770
|
font-weight: bold;
|
|
2771
2771
|
text-align: center;
|
|
@@ -2834,6 +2834,11 @@ div.ui-slider-switch {
|
|
|
2834
2834
|
margin: .5em 0;
|
|
2835
2835
|
top: 0;
|
|
2836
2836
|
}
|
|
2837
|
+
/* reset the clearfix */
|
|
2838
|
+
div.ui-slider-switch:before, div.ui-slider-switch:after {
|
|
2839
|
+
display: none;
|
|
2840
|
+
clear: none;
|
|
2841
|
+
}
|
|
2837
2842
|
div.ui-slider-switch.ui-mini {
|
|
2838
2843
|
width: 5em;
|
|
2839
2844
|
height: 29px;
|
|
@@ -3137,6 +3142,7 @@ div.ui-slider-switch.ui-mini {
|
|
|
3137
3142
|
.ui-panel {
|
|
3138
3143
|
width: 17em;
|
|
3139
3144
|
min-height: 100%;
|
|
3145
|
+
max-height: none;
|
|
3140
3146
|
border-width: 0;
|
|
3141
3147
|
position: absolute;
|
|
3142
3148
|
top: 0;
|
|
@@ -3144,7 +3150,9 @@ div.ui-slider-switch.ui-mini {
|
|
|
3144
3150
|
}
|
|
3145
3151
|
.ui-panel-closed {
|
|
3146
3152
|
width: 0;
|
|
3153
|
+
max-height: 100%;
|
|
3147
3154
|
overflow: hidden;
|
|
3155
|
+
visibility: hidden;
|
|
3148
3156
|
}
|
|
3149
3157
|
.ui-panel-fixed {
|
|
3150
3158
|
position: fixed;
|
|
@@ -3195,9 +3203,10 @@ div.ui-slider-switch.ui-mini {
|
|
|
3195
3203
|
-moz-transition: -moz-transform 350ms ease;
|
|
3196
3204
|
transition: transform 350ms ease;
|
|
3197
3205
|
}
|
|
3198
|
-
/* hardware acceleration for smoother transitions */
|
|
3206
|
+
/* hardware acceleration for smoother transitions on WebKit browsers */
|
|
3199
3207
|
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal),
|
|
3200
3208
|
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) > div,
|
|
3209
|
+
.ui-panel-animate.ui-panel-closed.ui-panel-display-reveal > div,
|
|
3201
3210
|
.ui-panel-animate.ui-panel-content-wrap,
|
|
3202
3211
|
.ui-panel-animate.ui-panel-content-fixed-toolbar {
|
|
3203
3212
|
-webkit-backface-visibility: hidden;
|
|
@@ -3225,8 +3234,8 @@ div.ui-slider-switch.ui-mini {
|
|
|
3225
3234
|
.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay,
|
|
3226
3235
|
.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push {
|
|
3227
3236
|
-webkit-transform: translate3d(0,0,0);
|
|
3228
|
-
-moz-transform: translate3d(0,0,0);
|
|
3229
3237
|
transform: translate3d(0,0,0);
|
|
3238
|
+
-moz-transform: none;
|
|
3230
3239
|
}
|
|
3231
3240
|
/* panel right */
|
|
3232
3241
|
.ui-panel-position-right {
|
|
@@ -3249,8 +3258,8 @@ div.ui-slider-switch.ui-mini {
|
|
|
3249
3258
|
.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay,
|
|
3250
3259
|
.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push {
|
|
3251
3260
|
-webkit-transform: translate3d(0,0,0);
|
|
3252
|
-
-moz-transform: translate3d(0,0,0);
|
|
3253
3261
|
transform: translate3d(0,0,0);
|
|
3262
|
+
-moz-transform: none;
|
|
3254
3263
|
}
|
|
3255
3264
|
/* positioning: content wrap, fixed toolbars and dismiss */
|
|
3256
3265
|
/* panel left open */
|
|
@@ -3309,15 +3318,15 @@ div.ui-slider-switch.ui-mini {
|
|
|
3309
3318
|
-moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
|
|
3310
3319
|
box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
|
|
3311
3320
|
}
|
|
3321
|
+
.ui-panel-display-overlay {
|
|
3322
|
+
-webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
|
|
3323
|
+
-moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
|
|
3324
|
+
box-shadow: 5px 0 5px rgba(0,0,0,.15);
|
|
3325
|
+
}
|
|
3312
3326
|
.ui-panel-position-right.ui-panel-display-overlay {
|
|
3313
|
-
-webkit-box-shadow: -5px
|
|
3314
|
-
-moz-box-shadow: -5px
|
|
3315
|
-
box-shadow: -5px
|
|
3316
|
-
}
|
|
3317
|
-
.ui-panel-position-left.ui-panel-display-overlay {
|
|
3318
|
-
-webkit-box-shadow: 5px 0px 5px rgba(0,0,0,.15);
|
|
3319
|
-
-moz-box-shadow: 5px 0px 5px rgba(0,0,0,.15);
|
|
3320
|
-
box-shadow: 5px 0px 5px rgba(0,0,0,.15);
|
|
3327
|
+
-webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
|
|
3328
|
+
-moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
|
|
3329
|
+
box-shadow: -5px 0 5px rgba(0,0,0,.15);
|
|
3321
3330
|
}
|
|
3322
3331
|
.ui-panel-display-push.ui-panel-open.ui-panel-position-left {
|
|
3323
3332
|
border-right-width: 1px;
|