WordPress.org

Make WordPress Core

Ticket #20015: responsive.1.20015.patch

File responsive.1.20015.patch, 2.9 KB (added by thezman84, 6 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