Improve File Credentials / Code Editor modal responsive styles.

melchoyce · melchoyce · commit 99e6a95331b6 · 2017-10-13T14:39:00.000Z
Makes the modal full-width and height. Props sami.keijonen, Mirucon, helen. Fixes #42111. git-svn-id: https://develop.svn.wordpress.org/trunk@41854 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css
@@ -1365,9 +1365,10 @@ table.form-table td .updated p {
 	}
 }
 
-@media only screen and (max-height: 480px) {
-	/*  Request Credentials */
-	.request-filesystem-credentials-dialog .notification-dialog{
+@media only screen and (max-height: 480px), screen and (max-width: 450px) {
+	/*  Request Credentials / File Editor Warning */
+	.request-filesystem-credentials-dialog .notification-dialog,
+	.file-editor-warning .notification-dialog {
 		width: 100%;
 		height: 100%;
 		max-height: 100%;

Original file line number	Diff line number	Diff line change
`@@ -1365,9 +1365,10 @@ table.form-table td .updated p {`
`1365`	`1365`	`}`
`1366`	`1366`	`}`
`1367`	`1367`
`1368`		`-@media only screen and (max-height: 480px) {`
`1369`		`- /* Request Credentials */`
`1370`		`- .request-filesystem-credentials-dialog .notification-dialog{`
	`1368`	`+@media only screen and (max-height: 480px), screen and (max-width: 450px) {`
	`1369`	`+ /* Request Credentials / File Editor Warning */`
	`1370`	`+ .request-filesystem-credentials-dialog .notification-dialog,`
	`1371`	`+ .file-editor-warning .notification-dialog {`
`1371`	`1372`	`width: 100%;`
`1372`	`1373`	`height: 100%;`
`1373`	`1374`	`max-height: 100%;`