Make WordPress Core

Changeset 54216 for trunk


Ignore:
Timestamp:
09/19/2022 09:16:10 PM (19 months ago)
Author:
joedolson
Message:

Editor: Fix text zoom on link popup editor.

Update CSS in the classic visual editor link popup to remove sizing in pixels that caused significant text overlaps when the base font size is scaled or set to a larger custom value in the browser or operating system.

Props jonny-s, sabernhardt, joedolson.
Fixes #53174.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/css/editor.css

    r51727 r54216  
    13931393
    13941394#wp-link-wrap {
    1395     height: 500px;
     1395    height: 600px;
    13961396    margin-top: -250px;
    13971397}
     
    14081408    background: #fff;
    14091409    border-bottom: 1px solid #dcdcde;
    1410     height: 36px;
    14111410    font-size: 18px;
    14121411    font-weight: 600;
     
    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
     
    14981500#wp-link #search-panel label span.search-label {
    14991501    display: inline-block;
    1500     width: 80px;
     1502    width: 120px;
    15011503    text-align: right;
    15021504    padding-right: 5px;
     
    15141516    margin: 5px 0 9px;
    15151517    display: block;
    1516     overflow: hidden;
     1518}
     1519
     1520#wp-link .query-results {
     1521    position: absolute;
     1522    width: calc(100% - 32px);
    15171523}
    15181524
     
    15241530#wp-link .link-target {
    15251531    padding: 3px 0 0;
    1526     white-space: nowrap;
    1527     overflow: hidden;
    1528     text-overflow: ellipsis;
    15291532}
    15301533
     
    15381541    background: #fff;
    15391542    overflow: auto;
    1540     position: absolute;
    1541     left: 16px;
    1542     right: 16px;
    1543     bottom: 0;
    1544     top: 166px;
    1545 }
    1546 
    1547 .has-text-field #wp-link .query-results {
    1548     top: 210px;
     1543    max-height: 290px;
    15491544}
    15501545
     
    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;
     
    16801663
    16811664    #wp-link-wrap #link-selector {
    1682         bottom: 52px;
     1665        bottom: calc(2.71428571em + 23px);
    16831666    }
    16841667
     
    17181701        overflow: auto;
    17191702    }
    1720 
    1721     #search-panel .query-results {
    1722         position: static;
    1723     }
    17241703}
    17251704
     
    17361715        height: calc(100% - 92px);
    17371716        padding-bottom: 2px;
    1738     }
    1739 
    1740     #search-panel .query-results {
    1741         position: static;
    17421717    }
    17431718}
Note: See TracChangeset for help on using the changeset viewer.