Editor: Fix modal height responsiveness on link popup editor.

joedolson · joedolson · commit c8fcfc846eed · 2022-10-20T21:44:35.000Z
Fix the responsive breakpoint styles for short vertical viewports on the link popup modal. Follow up to [54216]. Props sabernhardt. Fixes #53174. git-svn-id: https://develop.svn.wordpress.org/trunk@54660 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css
@@ -1393,7 +1393,7 @@ i.mce-i-wp_code:before {
 
 #wp-link-wrap {
 	height: 600px;
-	margin-top: -250px;
+	margin-top: -300px;
 }
 
 #wp-link-wrap .wp-link-text-field {
@@ -1688,7 +1688,7 @@ i.mce-i-wp_code:before {
 	}
 }
 
-@media screen and (max-height: 520px) {
+@media screen and (max-height: 620px) {
 	#wp-link-wrap {
 		transition: none;
 		height: auto;

Original file line number	Diff line number	Diff line change
`@@ -1393,7 +1393,7 @@ i.mce-i-wp_code:before {`
`1393`	`1393`
`1394`	`1394`	`#wp-link-wrap {`
`1395`	`1395`	`height: 600px;`
`1396`		`- margin-top: -250px;`
	`1396`	`+ margin-top: -300px;`
`1397`	`1397`	`}`
`1398`	`1398`
`1399`	`1399`	`#wp-link-wrap .wp-link-text-field {`
`@@ -1688,7 +1688,7 @@ i.mce-i-wp_code:before {`
`1688`	`1688`	`}`
`1689`	`1689`	`}`
`1690`	`1690`
`1691`		`-@media screen and (max-height: 520px) {`
	`1691`	`+@media screen and (max-height: 620px) {`
`1692`	`1692`	`#wp-link-wrap {`
`1693`	`1693`	`transition: none;`
`1694`	`1694`	`height: auto;`