Update example CSS for "Making the panel responsive"

[canavese]

See http://view.jquerymobile.com/1.3.1/dist/demos/widgets/panels/

The given example CSS under "Making the panel responsive" includes:

/* disable "dismiss" on wide viewports */
.ui-responsive-panel .ui-panel-dismiss-display-push {
    display: none;
}

I believe that should be changed to:

/* disable "dismiss" on wide viewports */
.ui-responsive-panel .ui-panel-dismiss {
    display: none;
}

[guestnav]

Gig hyfyd

Paul Canavese notifications@github.com wrote:

See http://view.jquerymobile.com/1.3.1/dist/demos/widgets/panels/

The given example CSS under "Making the panel responsive" includes:

/* disable "dismiss" on wide viewports */ .ui-responsive-panel .ui-panel-dismiss-display-push { display: none; }

I believe that should be changed to:

/* disable "dismiss" on wide viewports */ .ui-responsive-panel .ui-panel-dismiss { display: none; }

—
Reply to this email directly or view it on GitHub.

[jaspermdegroot]

@canavese

Based on the comment above the rule you are right, but the idea was to show how to disable dismiss at wider screens for panels with display mode "push" only. Going to update the comment.
Thanks!

[canavese]

Ok, thanks. The other CSS rules target both the push case and the reveal case, so it wasn't clear to me why that last one only targeted the push case (or if the code changed out from under the example). Using the ".ui-panel-dismiss" allowed me to disable dismiss for the reveal case. Others may also want to get that case to work.

[jaspermdegroot]

@canavese

See my comment here #5936 (comment) for an explanation.