WordPress.org

Make WordPress Core

Ticket #18198: responsive-dashboard-patch.diff

File responsive-dashboard-patch.diff, 2.0 KB (added by saracannon, 7 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