Make WordPress Core

Ticket #53174: 53174.3.diff

File 53174.3.diff, 2.8 KB (added by joedolson, 2 years ago)

Fix layout issues at high text zoom

  • src/js/_enqueues/lib/link.js

     
    729729                                $.each( results, function() {
    730730                                        classes = alt ? 'alternate' : '';
    731731                                        classes += this.title ? '' : ' no-title';
    732                                         list += classes ? '<li class="' + classes + '">' : '<li>';
     732                                        list += classes ? '<li tabindex="0" class="' + classes + '">' : '<li tabindex="0">';
    733733                                        list += '<input type="hidden" class="item-permalink" value="' + this.permalink + '" />';
    734734                                        list += '<span class="item-title">';
    735735                                        list += this.title ? this.title : wpLinkL10n.noTitle;
  • src/wp-includes/css/editor.css

     
    14071407#link-modal-title {
    14081408        background: #fff;
    14091409        border-bottom: 1px solid #dcdcde;
    1410         height: 36px;
    14111410        font-size: 18px;
    14121411        font-weight: 600;
    14131412        line-height: 2;
     
    14591458        -webkit-overflow-scrolling: touch;
    14601459        padding: 0 16px;
    14611460        position: absolute;
    1462         top: 37px;
     1461        top: calc(2.15384615em + 16px);
    14631462        left: 0;
    14641463        right: 0;
    1465         bottom: 44px;
     1464        bottom: calc(2.15384615em + 19px);
     1465        display: flex;
     1466        flex-direction: column;
     1467        overflow: auto;
    14661468}
    14671469
    14681470#wp-link ol,
     
    15131515#wp-link .link-search-wrapper {
    15141516        margin: 5px 0 9px;
    15151517        display: block;
    1516         overflow: hidden;
    15171518}
    15181519
     1520#wp-link .query-results {
     1521        position: absolute;
     1522        width: calc(100% - 32px);
     1523}
     1524
    15191525#wp-link .link-search-wrapper .spinner {
    15201526        float: none;
    15211527        margin: -3px 0 0 4px;
     
    15231529
    15241530#wp-link .link-target {
    15251531        padding: 3px 0 0;
    1526         white-space: nowrap;
    1527         overflow: hidden;
    1528         text-overflow: ellipsis;
    15291532}
    15301533
    15311534#wp-link .link-target label {
     
    15371540        margin: 0 0 12px;
    15381541        background: #fff;
    15391542        overflow: auto;
    1540         position: absolute;
    1541         left: 16px;
    1542         right: 16px;
    1543         bottom: 0;
    1544         top: 166px;
     1543        max-height: 190px;
    15451544}
    15461545
    1547 .has-text-field #wp-link .query-results {
    1548         top: 210px;
    1549 }
    1550 
    15511546#wp-link li {
    15521547        clear: both;
    15531548        margin-bottom: 0;
     
    16621657}
    16631658
    16641659@media screen and (max-width: 782px) {
    1665         #wp-link-wrap {
    1666                 margin-top: -140px;
    1667         }
    1668 
    1669         #wp-link-wrap .query-results {
    1670                 top: 195px;
    1671         }
    1672 
    1673         #wp-link-wrap.has-text-field .query-results {
    1674                 top: 235px;
    1675         }
    1676 
    16771660        #link-selector {
    16781661                padding: 0 16px 60px;
    16791662        }
    16801663
    16811664        #wp-link-wrap #link-selector {
    1682                 bottom: 52px;
     1665                bottom: calc(2.71428571em + 23px);
    16831666        }
    16841667
    16851668        #wp-link-cancel {
     
    17171700        #link-selector {
    17181701                overflow: auto;
    17191702        }
    1720 
    1721         #search-panel .query-results {
    1722                 position: static;
    1723         }
    17241703}
    17251704
    17261705@media screen and (max-height: 290px) {
     
    17361715                height: calc(100% - 92px);
    17371716                padding-bottom: 2px;
    17381717        }
    1739 
    1740         #search-panel .query-results {
    1741                 position: static;
    1742         }
    17431718}
    17441719
    17451720div.wp-link-preview {