sergiotarxz
/
Wordpress
1
0
Fork 0
Code Issues Pull Requests 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. 

git-svn-id: https://develop.svn.wordpress.org/trunk@26633 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas 2013-12-04 20:31:24 +00:00
parent 3d1bcce2ff
commit ceb5e97102
1 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/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;