WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add more columns in the theme browser on screens over 2000px wide to ensure that theme screenshots never appear larger than their resolution allows. Fixes #26172, props shaunandrews. 

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


git-svn-id: http://core.svn.wordpress.org/trunk@26523 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Matt Thomas 2013-12-04 20:32:12 +00:00
parent 41b6bf211f
commit 21c732c9b7
4 changed files with 42 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
wp-admin/css/wp-admin-rtl.css
View File

@ -7059,6 +7059,22 @@ body.folded .theme-overlay .theme-wrap {
* Shuffles theme columns around based on screen width
*/
@media only screen and (min-width: 2000px) {
#wpwrap .theme-browser .theme {
width: 17.6%;
margin: 0 0 3% 3%;
}
#wpwrap .theme-browser .theme:nth-child(3n),
#wpwrap .theme-browser .theme:nth-child(4n) {
margin-left: 3%;
}
#wpwrap .theme-browser .theme:nth-child(5n) {
margin-left: 0;
}
}
@media only screen and (min-width: 1700px) {
.theme-browser .theme {
width: 22.7%;
@ -7079,7 +7095,7 @@ body.folded .theme-overlay .theme-wrap {
}
}
@media only screen and (max-width: 1200px) {
@media only screen and (max-width: 1150px) {
.theme-browser .theme {
width: 47.5%;
margin-left: 0;
@ -7128,7 +7144,7 @@ body.folded .theme-overlay .theme-wrap {
}
}
@media only screen and (max-width: 650px) {
@media only screen and (max-width: 480px) {
.theme-browser .theme {
width: 100%;
margin-left: 0;
@ -7138,7 +7154,9 @@ body.folded .theme-overlay .theme-wrap {
.theme-browser .theme:nth-child(3n) {
margin-left: 0;
}
}
@media only screen and (max-width: 650px) {
.theme-overlay .theme-update,
.theme-overlay .theme-description {
margin-right: 0;

2
wp-admin/css/wp-admin-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

22
wp-admin/css/wp-admin.css
View File

@ -7059,6 +7059,22 @@ body.folded .theme-overlay .theme-wrap {
* Shuffles theme columns around based on screen width
*/
@media only screen and (min-width: 2000px) {
#wpwrap .theme-browser .theme {
width: 17.6%;
margin: 0 3% 3% 0;
}
#wpwrap .theme-browser .theme:nth-child(3n),
#wpwrap .theme-browser .theme:nth-child(4n) {
margin-right: 3%;
}
#wpwrap .theme-browser .theme:nth-child(5n) {
margin-right: 0;
}
}
@media only screen and (min-width: 1700px) {
.theme-browser .theme {
width: 22.7%;
@ -7079,7 +7095,7 @@ body.folded .theme-overlay .theme-wrap {
}
}
@media only screen and (max-width: 1200px) {
@media only screen and (max-width: 1150px) {
.theme-browser .theme {
width: 47.5%;
margin-right: 0;
@ -7128,7 +7144,7 @@ body.folded .theme-overlay .theme-wrap {
}
}
@media only screen and (max-width: 650px) {
@media only screen and (max-width: 480px) {
.theme-browser .theme {
width: 100%;
margin-right: 0;
@ -7138,7 +7154,9 @@ body.folded .theme-overlay .theme-wrap {
.theme-browser .theme:nth-child(3n) {
margin-right: 0;
}
}
@media only screen and (max-width: 650px) {
.theme-overlay .theme-update,
.theme-overlay .theme-description {
margin-left: 0;

2
wp-admin/css/wp-admin.min.css vendored
View File

File diff suppressed because one or more lines are too long