Grid: Only make grids responsive when class ui-responsive is added to the grid container.

jaspermdegroot · jaspermdegroot · commit 3fac24a54370 · 2013-04-29T13:04:31.000+02:00
This matches the documentation and pevents conflicts with widgets that also repond to this class.
diff --git a/css/structure/jquery.mobile.grid.css b/css/structure/jquery.mobile.grid.css
@@ -58,7 +58,7 @@
 
 /* preset breakpoint to switch to stacked grid styles below 35em (560px) */
 @media (max-width: 35em) {
-	.ui-responsive [class*="ui-block-"] { 
+	[class*="ui-grid-"].ui-responsive > [class*="ui-block-"] { 
 		width: 100%; 
 		float: none; 
 	}

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@`
`58`	`58`
`59`	`59`	`/* preset breakpoint to switch to stacked grid styles below 35em (560px) */`
`60`	`60`	`@media (max-width: 35em) {`
`61`		`- .ui-responsive [class*="ui-block-"] {`
	`61`	`+ [class="ui-grid-"].ui-responsive > [class="ui-block-"] {`
`62`	`62`	`width: 100%;`
`63`	`63`	`float: none;`
`64`	`64`	`}`