WordPress.org

Make WordPress Core

Ticket #20015: responsive.1.20015.patch

File responsive.1.20015.patch, 2.9 KB (added by thezman84, 2 years ago)

These are revisions for the responsive admin ui. This covers sizing within the "Edit Post" screen.

  • wp-admin.dev.css

     
    78217821 
    78227822/* =Media Queries 
    78237823-------------------------------------------------------------- */ 
     7824@media only screen and (max-width:670px) {       
     7825        /* tinymce */ 
     7826        #content_toolbargroup { 
     7827                width:305px; 
     7828        } 
     7829        #content_toolbargroup table tr { 
     7830                width:66%; 
     7831        } 
     7832} 
    78247833 
     7834@media only screen and (max-width:732px) {       
     7835        /* permalink */ 
     7836        #edit-slug-box #change-permalinks { 
     7837                top:15px; 
     7838        } 
     7839} 
     7840 
    78257841@media only screen and (max-width: 768px) { 
    78267842        /* categories */ 
    78277843        #col-left { 
     
    78317847        #col-right { 
    78327848                width: 100%; 
    78337849        } 
     7850 
     7851        .form-field input, 
     7852        .form-field textarea { 
     7853                width: 99%; 
     7854        } 
     7855 
     7856        .form-wrap .form-field { 
     7857                padding:0; 
     7858        } 
     7859 
     7860        /* users */ 
     7861        #profile-page .form-table textarea { 
     7862                max-width: 400px; 
     7863                width: auto; 
     7864        } 
     7865 
     7866        /* tinymce */ 
     7867        #content_toolbargroup { 
     7868                width:375px; 
     7869        } 
     7870 
     7871        #content_toolbargroup table tr { 
     7872                width:79%; 
     7873        } 
    78347874} 
    78357875 
    78367876@media only screen and (min-width: 769px) { 
     
    78447884        } 
    78457885} 
    78467886 
     7887@media only screen and (max-width:800px) { 
     7888        /* permalink */ 
     7889        #edit-slug-box { 
     7890                height:auto; 
     7891                padding-bottom:20px; 
     7892        } 
     7893        #edit-slug-box #change-permalinks, 
     7894        #edit-slug-box #view-post-btn { 
     7895                position:relative; 
     7896        } 
     7897        #edit-slug-box #view-post-btn { 
     7898                top:15px; 
     7899        } 
     7900         
     7901        /* tinymce */ 
     7902        #content_toolbargroup { 
     7903                overflow:hidden; 
     7904                width:475px; 
     7905        } 
     7906        #content_toolbargroup, 
     7907        .mceLayout table tr, 
     7908        .mceLayout table td { 
     7909                float:left; 
     7910        } 
     7911        #content_toolbargroup table tr { 
     7912                width:100%; 
     7913        } 
     7914        #content_toolbargroup table#content_formatselect td, 
     7915        #content_toolbargroup table.mceSplitButton td { 
     7916                float:none; 
     7917        } 
     7918} 
     7919 
    78477920@media only screen and (max-width: 860px) { 
    7848  
    78497921        /* categories */ 
    78507922        #col-left { 
    78517923                width: 35%; 
     
    78577929} 
    78587930 
    78597931@media only screen and (min-width: 980px) { 
    7860  
    78617932        /* categories */ 
    78627933        #col-left { 
    78637934                width: 35%; 
     
    78687939        } 
    78697940} 
    78707941 
    7871 @media only screen and (max-width: 768px) { 
    7872         /* categories */ 
    7873         #col-left { 
    7874                 width: 100%; 
     7942@media only screen and (max-height:800px) { 
     7943        /* post type list */ 
     7944        .row-actions { 
     7945                visibility:visible; 
    78757946        } 
    78767947 
    7877         #col-right { 
    7878                 width: 100%; 
     7948        /* edit screen */ 
     7949        .postbox-container .meta-box-sortables { 
     7950                min-height: inherit; 
    78797951        } 
    7880  
    7881         .form-field input, 
    7882         .form-field textarea { 
    7883                 width: 99%; 
     7952        .inner-sidebar { 
     7953                width: 201px; 
    78847954        } 
    7885  
    7886         .form-wrap .form-field { 
    7887                 padding:0; 
     7955        .inner-sidebar .postbox { 
     7956                min-width:145px; 
    78887957        } 
    7889  
    7890         /* users */ 
    7891         #profile-page .form-table textarea { 
    7892                 max-width: 400px; 
    7893                 width: auto; 
     7958        .columns-2 .inner-sidebar { 
     7959                width: 201px; 
    78947960        } 
     7961        .inner-sidebar #side-sortables, 
     7962        .columns-2 .inner-sidebar #side-sortables { 
     7963                width: 200px; 
     7964        } 
     7965        .has-right-sidebar .inner-sidebar { 
     7966                display: block; 
     7967        } 
     7968        .has-right-sidebar #post-body-content { 
     7969                margin-right: 220px; 
     7970        } 
    78957971} 
    78967972 
    78977973/* =Localized CSS