Themes: Disable collapse actions when showing only a single theme; improve the responsive layout.

props matveb.
fixes #25962.

Built from https://develop.svn.wordpress.org/trunk@26660


git-svn-id: http://core.svn.wordpress.org/trunk@26550 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/wp-admin-rtl.css

@@ -7162,6 +7162,9 @@ body.folded .theme-overlay .theme-wrap {
 	.theme-overlay .theme-info {
 		width: 50%;
 	}
+	.single-theme .theme-wrap {
+		padding: 10px;
+	}
 }
 
 @media only screen and (max-width: 480px) {
@@ -7241,6 +7244,18 @@ body.folded .theme-overlay .theme-wrap {
 		text-indent: 0;
 		margin-right: -40px;
 	}
+
+	.single-theme .theme-wrap {
+		margin: 0 -10px 0 -12px;
+		padding: 10px;
+	}
+	.single-theme .theme-overlay .theme-about {
+		padding: 10px;
+		overflow: visible;
+	}
+	.single-theme .current-label {
+		display: none;
+	}
 }
 
 .broken-themes {

wp-admin/css/wp-admin.css

@@ -7162,6 +7162,9 @@ body.folded .theme-overlay .theme-wrap {
 	.theme-overlay .theme-info {
 		width: 50%;
 	}
+	.single-theme .theme-wrap {
+		padding: 10px;
+	}
 }
 
 @media only screen and (max-width: 480px) {
@@ -7241,6 +7244,18 @@ body.folded .theme-overlay .theme-wrap {
 		text-indent: 0;
 		margin-left: -40px;
 	}
+
+	.single-theme .theme-wrap {
+		margin: 0 -12px 0 -10px;
+		padding: 10px;
+	}
+	.single-theme .theme-overlay .theme-about {
+		padding: 10px;
+		overflow: visible;
+	}
+	.single-theme .current-label {
+		display: none;
+	}
 }
 
 .broken-themes {

wp-admin/js/theme.js

@@ -268,6 +268,11 @@ themes.view.Details = wp.Backbone.View.extend({
 
 		event = event || window.event;
 
+		// Prevent collapsing detailed view when there is only one theme available
+		if ( themes.data.themes.length === 1 ) {
+			return;
+		}
+
 		// Detect if the click is inside the overlay
 		// and don't close it unless the target was
 		// the div.back button