Make WordPress Core

Changeset 26633


Ignore:
Timestamp:
12/04/2013 08:31:24 PM (10 years ago)
Author:
iammattthomas
Message:

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.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/wp-admin.css

    r26624 r26633  
    70607060 */
    70617061
     7062@media only screen and (min-width: 2000px) {
     7063    #wpwrap .theme-browser .theme {
     7064        width: 17.6%;
     7065        margin: 0 3% 3% 0;
     7066    }
     7067
     7068    #wpwrap .theme-browser .theme:nth-child(3n),
     7069    #wpwrap .theme-browser .theme:nth-child(4n) {
     7070        margin-right: 3%;
     7071    }
     7072
     7073    #wpwrap .theme-browser .theme:nth-child(5n) {
     7074        margin-right: 0;
     7075    }
     7076}
     7077
    70627078@media only screen and (min-width: 1700px) {
    70637079    .theme-browser .theme {
     
    70807096}
    70817097
    7082 @media only screen and (max-width: 1200px) {
     7098@media only screen and (max-width: 1150px) {
    70837099    .theme-browser .theme {
    70847100        width: 47.5%;
     
    71297145}
    71307146
    7131 @media only screen and (max-width: 650px) {
     7147@media only screen and (max-width: 480px) {
    71327148    .theme-browser .theme {
    71337149        width: 100%;
     
    71397155        margin-right: 0;
    71407156    }
    7141 
     7157}
     7158
     7159@media only screen and (max-width: 650px) {
    71427160    .theme-overlay .theme-update,
    71437161    .theme-overlay .theme-description {
Note: See TracChangeset for help on using the changeset viewer.