WordPress.org

Make WordPress Core

Ticket #18198: responsive-cat-pages.diff

File responsive-cat-pages.diff, 1.8 KB (added by saracannon, 4 years ago)

responsive category pages

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

     
    251251        font-family: sans-serif; 
    252252        font-size: 12px; 
    253253        line-height: 1.4em; 
    254         min-width: 600px; /* to do, responsive admin */ 
     254        /*min-width: 950px; responsive admin */ 
    255255} 
    256256 
    257257td, 
     
    20982098} 
    20992099 
    21002100.postbox-container { 
    2101         float: left; 
     2101        float: none; 
    21022102} 
    21032103 
    21042104#postbox-container-1 .meta-box-sortables:first-child, 
     
    49204920 
    49214921.tool-box { 
    49224922        margin: 15px 0 35px; 
     4923        max-width: 650px; 
    49234924} 
    49244925.tool-box .buttons { 
    49254926        margin: 15px 0; 
     
    76377638.widgets_access .widget .widget-top { 
    76387639        cursor: default; 
    76397640} 
     7641 
     7642/* =Media Queries 
     7643-------------------------------------------------------------- */ 
     7644 
     7645@media only screen and (max-width: 768px) { 
     7646        /* categories */ 
     7647        #col-left{ 
     7648        width: 100%; 
     7649        } 
     7650         
     7651        #col-right{ 
     7652        width: 100%; 
     7653        }  
     7654} 
     7655 
     7656@media only screen and (min-width: 769px) { 
     7657        /* categories */ 
     7658        #col-left{ 
     7659        width: 25%; 
     7660        } 
     7661         
     7662        #col-right{ 
     7663        width: 75%; 
     7664        }   
     7665         
     7666        .widefat{ 
     7667        max-width: 500px; 
     7668        } 
     7669} 
     7670         
     7671@media only screen and (max-width: 860px) { 
     7672         
     7673        /* categories */ 
     7674        #col-left{ 
     7675        width: 25%; 
     7676        } 
     7677         
     7678        #col-right{ 
     7679        width: 75%; 
     7680        }  
     7681} 
     7682 
     7683@media only screen and (min-width: 980px) { 
     7684 
     7685        /* categories */ 
     7686        #col-left{ 
     7687        width: 25%; 
     7688        } 
     7689         
     7690        #col-right{ 
     7691        width: 75%; 
     7692        }  
     7693} 
     7694 
     7695 
     7696@media only screen and (max-width: 768px) { 
     7697        /* categories */ 
     7698        #col-left{ 
     7699        width: 100%; 
     7700        } 
     7701         
     7702        #col-right{ 
     7703        width: 100%; 
     7704        }  
     7705         
     7706        .form-field input, .form-field textarea{ 
     7707        width: 99%; 
     7708        } 
     7709         
     7710        .form-wrap .form-field{ 
     7711        padding:0; 
     7712        } 
     7713         
     7714        /* users */ 
     7715        #profile-page .form-table textarea{ 
     7716        max-width: 400px; 
     7717        width: auto; 
     7718        } 
     7719} 
     7720 No newline at end of file