WordPress.org

Make WordPress Core

Ticket #18198: responsive-dashboard-patch.diff

File responsive-dashboard-patch.diff, 2.0 KB (added by saracannon, 3 years ago)

CSS Dashboard Responsiveness When in "Auto"

  • wp-admin/css/wp-admin.dev.css

     
    21002100} 
    21012101 
    21022102.postbox-container { 
    2103         float: left; 
     2103        float: none; 
    21042104} 
    21052105 
    21062106.postbox-container .meta-box-sortables { 
     
    76367636.widgets_access .widget .widget-top { 
    76377637        cursor: default; 
    76387638} 
     7639 
     7640/* =Media Queries 
     7641-------------------------------------------------------------- */ 
     7642 
     7643/* Columns for Dashboard & Adjustments */ 
     7644 
     7645#wpbody-content .responsive .metabox-holder { 
     7646        column-count: 2; 
     7647        -moz-column-count: 2; 
     7648        -webkit-column-count: 2; 
     7649        column-gap: 20px; 
     7650        -moz-column-gap: 20px; 
     7651        -webkit-column-gap: 20px; 
     7652} 
     7653 
     7654.responsive .postbox { 
     7655        min-width: 100%; 
     7656        display: inline-block; 
     7657        margin-bottom: 5px; 
     7658        margin-top: 5px; 
     7659} 
     7660 
     7661.responsive div.postbox div.inside { 
     7662        margin: 10px; 
     7663        padding: 10px; 
     7664        display: block; 
     7665} 
     7666 
     7667#wpbody-content .responsive #dashboard_right_now .inside { 
     7668        padding-top: 30px; 
     7669} 
     7670 
     7671#wpbody-content .responsive #dashboard_right_now{ 
     7672        margin-top: 0px; 
     7673} 
     7674 
     7675#wpbody-content .responsive .inside p{ 
     7676        line-height: 1.4em; 
     7677        display: block; 
     7678} 
     7679 
     7680#wpbody-content .responsive .inside div{ 
     7681        display: block; 
     7682} 
     7683 
     7684.responsive #media-buttons{ 
     7685        padding: 10px 0 10px 10px; 
     7686} 
     7687 
     7688/* Columns for Dashboard */ 
     7689@media only screen and (max-width: 860px) { 
     7690        #wpbody-content .responsive .metabox-holder { 
     7691                column-count: 1; 
     7692                -moz-column-count: 1; 
     7693                -webkit-column-count: 1; 
     7694        } 
     7695} 
     7696 
     7697@media only screen and (min-width: 980px) { 
     7698        #wpbody-content .responsive .metabox-holder { 
     7699                column-count: 2; 
     7700                -moz-column-count: 2; 
     7701                -webkit-column-count: 2; 
     7702        } 
     7703} 
     7704 
     7705@media only screen and (min-width: 1220px) { 
     7706        #wpbody-content .responsive .metabox-holder { 
     7707                column-count: 3; 
     7708                -moz-column-count: 3; 
     7709                -webkit-column-count: 3; 
     7710        } 
     7711} 
     7712 
     7713@media only screen and (min-width: 1720px) { 
     7714        #wpbody-content .responsive .metabox-holder { 
     7715                column-count: 4; 
     7716                -moz-column-count: 4; 
     7717                -webkit-column-count: 4; 
     7718        } 
     7719} 
     7720 No newline at end of file