Make WordPress Core

Changeset 33135


Ignore:
Timestamp:
07/08/2015 09:01:40 PM (8 years ago)
Author:
boonebgorges
Message:

Improvements to responsive styling on my-sites.php.

  • Ensure that floated elements break to a new line at the end of a row.
  • Allow enough vertical space for long site titles.
  • Give more breathing room to cells at narrow widths.

Fixes #31685.

File:
1 edited

Legend:

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

    r33117 r33135  
    30433043    overflow: auto;
    30443044    zoom: 1;
    3045     border: 1px solid #e5e5e5;
    30463045}
    30473046
    30483047.my-sites li {
    30493048    display: block;
    3050     padding: 8px 1%;
     3049    padding: 8px 3%;
     3050    min-height: 130px;
    30513051    margin: 0;
     3052}
     3053
     3054@media only screen and (max-width: 599px) {
     3055    .my-sites li {
     3056        min-height: 0;
     3057    }
    30523058}
    30533059
     
    30713077    .my-sites li{
    30723078        float: left;
    3073         width: 48%;
     3079        width: 44%;
    30743080    }
    30753081    .my-sites.striped li {
    30763082        background-color: #fff;
     3083    }
     3084    .my-sites.striped li:nth-of-type(2n+1) {
     3085        clear: left;
    30773086    }
    30783087    .my-sites.striped li:nth-of-type(2n+2):after {
     
    30893098    .my-sites li {
    30903099        float: left;
    3091         width: 31.333333%;
     3100        width: 27.333333%;
    30923101        background-color: #fff;
    30933102    }
     
    31053114    .my-sites li {
    31063115        float: left;
    3107         width: 23%;
     3116        width: 21%;
     3117        padding: 8px 2%;
    31083118        background-color: #fff;
     3119    }
     3120    .my-sites.striped li:nth-of-type(4n+1) {
     3121        clear: left;
    31093122    }
    31103123    .my-sites.striped li:nth-of-type(4n+4):after {
     
    31223135    .my-sites li {
    31233136        float: left;
    3124         width: 18%;
     3137        width: 16%;
     3138        padding: 8px 2%;
    31253139        background-color: #fff;
     3140    }
     3141    .my-sites.striped li:nth-of-type(5n+1) {
     3142        clear: left;
    31263143    }
    31273144    .my-sites.striped li:nth-of-type(5n+5):after {
     
    31403157    .my-sites li {
    31413158        float: left;
    3142         width: 14.666666%;
     3159        width: 12.666666%;
     3160        padding: 8px 2%;
    31433161        background-color: #fff;
     3162    }
     3163    .my-sites.striped li:nth-of-type(6n+1) {
     3164        clear: left;
    31443165    }
    31453166    .my-sites.striped li:nth-of-type(6n+6):after {
Note: See TracChangeset for help on using the changeset viewer.