mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-27 06:42:56 +02:00
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. Built from https://develop.svn.wordpress.org/trunk@54216 git-svn-id: http://core.svn.wordpress.org/trunk@53775 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
joedolson
parent
be9b533e13
commit
43e32ffa5c
@ -1393,7 +1393,7 @@ i.mce-i-wp_code:before {
|
||||
}
|
||||
|
||||
#wp-link-wrap {
|
||||
height: 500px;
|
||||
height: 600px;
|
||||
margin-top: -250px;
|
||||
}
|
||||
|
||||
@ -1408,7 +1408,6 @@ i.mce-i-wp_code:before {
|
||||
#link-modal-title {
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
height: 36px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 2;
|
||||
@ -1460,10 +1459,13 @@ i.mce-i-wp_code:before {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding: 0 16px;
|
||||
position: absolute;
|
||||
top: 37px;
|
||||
top: calc(2.15384615em + 16px);
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 44px;
|
||||
bottom: calc(2.15384615em + 19px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#wp-link ol,
|
||||
@ -1498,7 +1500,7 @@ i.mce-i-wp_code:before {
|
||||
#wp-link #link-options label span,
|
||||
#wp-link #search-panel label span.search-label {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
width: 120px;
|
||||
text-align: left;
|
||||
padding-left: 5px;
|
||||
max-width: 24%;
|
||||
@ -1514,7 +1516,11 @@ i.mce-i-wp_code:before {
|
||||
#wp-link .link-search-wrapper {
|
||||
margin: 5px 0 9px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#wp-link .query-results {
|
||||
position: absolute;
|
||||
width: calc(100% - 32px);
|
||||
}
|
||||
|
||||
#wp-link .link-search-wrapper .spinner {
|
||||
@ -1524,9 +1530,6 @@ i.mce-i-wp_code:before {
|
||||
|
||||
#wp-link .link-target {
|
||||
padding: 3px 0 0;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
#wp-link .link-target label {
|
||||
@ -1538,15 +1541,7 @@ i.mce-i-wp_code:before {
|
||||
margin: 0 0 12px;
|
||||
background: #fff;
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
left: 16px;
|
||||
bottom: 0;
|
||||
top: 166px;
|
||||
}
|
||||
|
||||
.has-text-field #wp-link .query-results {
|
||||
top: 210px;
|
||||
max-height: 290px;
|
||||
}
|
||||
|
||||
#wp-link li {
|
||||
@ -1663,24 +1658,12 @@ i.mce-i-wp_code:before {
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
#wp-link-wrap {
|
||||
margin-top: -140px;
|
||||
}
|
||||
|
||||
#wp-link-wrap .query-results {
|
||||
top: 195px;
|
||||
}
|
||||
|
||||
#wp-link-wrap.has-text-field .query-results {
|
||||
top: 235px;
|
||||
}
|
||||
|
||||
#link-selector {
|
||||
padding: 0 16px 60px;
|
||||
}
|
||||
|
||||
#wp-link-wrap #link-selector {
|
||||
bottom: 52px;
|
||||
bottom: calc(2.71428571em + 23px);
|
||||
}
|
||||
|
||||
#wp-link-cancel {
|
||||
@ -1718,10 +1701,6 @@ i.mce-i-wp_code:before {
|
||||
#link-selector {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#search-panel .query-results {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height: 290px) {
|
||||
@ -1737,10 +1716,6 @@ i.mce-i-wp_code:before {
|
||||
height: calc(100% - 92px);
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
#search-panel .query-results {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
div.wp-link-preview {
|
||||
|
||||
2
wp-includes/css/editor-rtl.min.css
vendored
2
wp-includes/css/editor-rtl.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1392,7 +1392,7 @@ i.mce-i-wp_code:before {
|
||||
}
|
||||
|
||||
#wp-link-wrap {
|
||||
height: 500px;
|
||||
height: 600px;
|
||||
margin-top: -250px;
|
||||
}
|
||||
|
||||
@ -1407,7 +1407,6 @@ i.mce-i-wp_code:before {
|
||||
#link-modal-title {
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
height: 36px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 2;
|
||||
@ -1459,10 +1458,13 @@ i.mce-i-wp_code:before {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding: 0 16px;
|
||||
position: absolute;
|
||||
top: 37px;
|
||||
top: calc(2.15384615em + 16px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 44px;
|
||||
bottom: calc(2.15384615em + 19px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#wp-link ol,
|
||||
@ -1497,7 +1499,7 @@ i.mce-i-wp_code:before {
|
||||
#wp-link #link-options label span,
|
||||
#wp-link #search-panel label span.search-label {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
width: 120px;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
max-width: 24%;
|
||||
@ -1513,7 +1515,11 @@ i.mce-i-wp_code:before {
|
||||
#wp-link .link-search-wrapper {
|
||||
margin: 5px 0 9px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#wp-link .query-results {
|
||||
position: absolute;
|
||||
width: calc(100% - 32px);
|
||||
}
|
||||
|
||||
#wp-link .link-search-wrapper .spinner {
|
||||
@ -1523,9 +1529,6 @@ i.mce-i-wp_code:before {
|
||||
|
||||
#wp-link .link-target {
|
||||
padding: 3px 0 0;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
#wp-link .link-target label {
|
||||
@ -1537,15 +1540,7 @@ i.mce-i-wp_code:before {
|
||||
margin: 0 0 12px;
|
||||
background: #fff;
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
left: 16px;
|
||||
right: 16px;
|
||||
bottom: 0;
|
||||
top: 166px;
|
||||
}
|
||||
|
||||
.has-text-field #wp-link .query-results {
|
||||
top: 210px;
|
||||
max-height: 290px;
|
||||
}
|
||||
|
||||
#wp-link li {
|
||||
@ -1662,24 +1657,12 @@ i.mce-i-wp_code:before {
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
#wp-link-wrap {
|
||||
margin-top: -140px;
|
||||
}
|
||||
|
||||
#wp-link-wrap .query-results {
|
||||
top: 195px;
|
||||
}
|
||||
|
||||
#wp-link-wrap.has-text-field .query-results {
|
||||
top: 235px;
|
||||
}
|
||||
|
||||
#link-selector {
|
||||
padding: 0 16px 60px;
|
||||
}
|
||||
|
||||
#wp-link-wrap #link-selector {
|
||||
bottom: 52px;
|
||||
bottom: calc(2.71428571em + 23px);
|
||||
}
|
||||
|
||||
#wp-link-cancel {
|
||||
@ -1717,10 +1700,6 @@ i.mce-i-wp_code:before {
|
||||
#link-selector {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#search-panel .query-results {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height: 290px) {
|
||||
@ -1736,10 +1715,6 @@ i.mce-i-wp_code:before {
|
||||
height: calc(100% - 92px);
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
#search-panel .query-results {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
|
||||
div.wp-link-preview {
|
||||
|
||||
2
wp-includes/css/editor.min.css
vendored
2
wp-includes/css/editor.min.css
vendored
File diff suppressed because one or more lines are too long
@ -16,7 +16,7 @@
|
||||
*
|
||||
* @global string $wp_version
|
||||
*/
|
||||
$wp_version = '6.1-alpha-54215';
|
||||
$wp_version = '6.1-alpha-54216';
|
||||
|
||||
/**
|
||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||
|
||||
Loading…
Reference in New Issue
Block a user