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

View File

@ -7059,6 +7059,22 @@ body.folded .theme-overlay .theme-wrap {
* Shuffles theme columns around based on screen width * 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) { @media only screen and (min-width: 1700px) {
.theme-browser .theme { .theme-browser .theme {
width: 22.7%; 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 { .theme-browser .theme {
width: 47.5%; width: 47.5%;
margin-left: 0; 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 { .theme-browser .theme {
width: 100%; width: 100%;
margin-left: 0; margin-left: 0;
@ -7138,7 +7154,9 @@ body.folded .theme-overlay .theme-wrap {
.theme-browser .theme:nth-child(3n) { .theme-browser .theme:nth-child(3n) {
margin-left: 0; margin-left: 0;
} }
}
@media only screen and (max-width: 650px) {
.theme-overlay .theme-update, .theme-overlay .theme-update,
.theme-overlay .theme-description { .theme-overlay .theme-description {
margin-right: 0; margin-right: 0;

File diff suppressed because one or more lines are too long

View File

@ -7059,6 +7059,22 @@ body.folded .theme-overlay .theme-wrap {
* Shuffles theme columns around based on screen width * 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) { @media only screen and (min-width: 1700px) {
.theme-browser .theme { .theme-browser .theme {
width: 22.7%; 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 { .theme-browser .theme {
width: 47.5%; width: 47.5%;
margin-right: 0; 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 { .theme-browser .theme {
width: 100%; width: 100%;
margin-right: 0; margin-right: 0;
@ -7138,7 +7154,9 @@ body.folded .theme-overlay .theme-wrap {
.theme-browser .theme:nth-child(3n) { .theme-browser .theme:nth-child(3n) {
margin-right: 0; margin-right: 0;
} }
}
@media only screen and (max-width: 650px) {
.theme-overlay .theme-update, .theme-overlay .theme-update,
.theme-overlay .theme-description { .theme-overlay .theme-description {
margin-left: 0; margin-left: 0;

File diff suppressed because one or more lines are too long