WordPress.org

Make WordPress Core

Changeset 44781


Ignore:
Timestamp:
02/28/2019 08:10:53 PM (7 months ago)
Author:
adamsilverstein
Message:

Revisions: improve display responsiveness, especially on smaller screen sizes.

  • Fix an overlap issue with the "Restore this Revision" button that made it difficult to use on phone sized devices.

Props ryan, PranaliPatel, karinedo.
Fixes #33830.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/revisions.css

    r44637 r44781  
    77}
    88
     9.revisions-diff-frame {
     10    top: 10px;
     11}
     12
    913.revisions-controls {
    1014    padding-top: 40px;
    11     height: 100px;
    1215    z-index: 1;
    1316}
     
    112115    background-color: #fff;
    113116    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
     117    overflow: hidden;
    114118}
    115119
     
    295299    margin-left: 6px;
    296300    margin-right: 6px;
    297     margin-top: 4px;
     301    margin-top: 2px;
    298302}
    299303
     
    566570        margin-top: -1em;
    567571    }
    568 
     572        .revisions-buttons {
     573            overflow: hidden;
     574            margin-bottom: 15px;
     575        }
     576
     577        .revisions-controls,
     578        .comparing-two-revisions .revisions-controls {
     579            height: 170px;
     580        }
     581
     582        .revisions-tooltip {
     583            bottom: 130px;
     584            z-index: 2;
     585        }
     586
     587        .diff-meta {
     588            overflow: hidden;
     589        }
    569590    table.diff {
    570591        -ms-word-break: break-all;
     
    572593        word-wrap: break-word;
    573594    }
    574 }
     595        .diff-meta input.restore-revision {
     596            margin-top: 0;
     597        }
     598}
Note: See TracChangeset for help on using the changeset viewer.