WordPress.org

Make WordPress Core

Ticket #18198: responsive-cat-pages.diff

File responsive-cat-pages.diff, 1.8 KB (added by saracannon, 7 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