Permalink
Browse files

Demos: Updated responsive panels CSS example. Fixes #5936.

  • Loading branch information...
1 parent 5ba1d42 commit d5f995bb487770ed53a73668936cb79e6975af3f @jaspermdegroot jaspermdegroot committed Apr 25, 2013
Showing with 27 additions and 23 deletions.
  1. +27 −23 demos/widgets/panels/index.php
View
50 demos/widgets/panels/index.php
@@ -137,29 +137,33 @@
<pre><code>
@media (min-width:35em){
-/* wrap on wide viewports once open */
-
-.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
-.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
-.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
-.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
- margin-right: 17em;
-}
-.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
-.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
-.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
-.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
- margin-left: 17em;
-}
-.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
-.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
- width: auto;
-}
-
-/* disable "dismiss" on wide viewports for "push" panels */
-.ui-responsive-panel .ui-panel-dismiss-display-push {
- display: none;
-}
+ /* wrap on wide viewports once open */
+
+ .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
+ .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
+ .ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
+ .ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
+ margin-right: 17em;
+ }
+ .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
+ .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
+ .ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
+ .ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
+ margin-left: 17em;
+ }
+ .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
+ .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
+ width: auto;
+ }
+
+ /* disable "dismiss" on wide viewports */
+ .ui-panel-dismiss {
+ display: none;
+ }
+ /* same as the above but for panels with display mode "push" only */
+ .ui-panel-dismiss-display-push {
+ display: none;
+ }
}
</code></pre>

0 comments on commit d5f995b

Please sign in to comment.