Fixing sidebar issue that makes jQueryUI.com not make full-width on mobile devices.

kleinmaetschke · ajpiano · commit 3ba355358371 · 2013-02-06T17:18:49.000-05:00
diff --git a/themes/jqueryui.com/style.css b/themes/jqueryui.com/style.css
@@ -147,3 +147,11 @@ a,
 		overflow: auto;
 	}
 }
+
+@media only screen and (max-width: 480px) {
+	#content .dev-links {
+		width: 55%;
+		margin: -15px -29px .5em 1em;
+		overflow: hidden;
+	}
+}

Original file line number	Diff line number	Diff line change
`@@ -147,3 +147,11 @@ a,`
`147`	`147`	`overflow: auto;`
`148`	`148`	`}`
`149`	`149`	`}`
	`150`	`+`
	`151`	`+@media only screen and (max-width: 480px) {`
	`152`	`+ #content .dev-links {`
	`153`	`+ width: 55%;`
	`154`	`+ margin: -15px -29px .5em 1em;`
	`155`	`+ overflow: hidden;`
	`156`	`+ }`
	`157`	`+}`