From f822373476d4ae90f7311d594336b1c741b93baa Mon Sep 17 00:00:00 2001 From: Ian Dunn Date: Tue, 15 May 2018 16:26:12 +0000 Subject: [PATCH] Privacy: Reposition log in policy link to avoid overlapping elements. Previously, the link used absolute positioning, in order to stick it at the bottom of the page. That was done in order to create visual separation between it and the "action" links, like "Lost Your Password?" The absolute positioning can cause conflicts in some situations, though. For example, if extra text or error notices are added above the form, then the login link would be positioned on top of other elements. Switching to relative positioning with extra margins avoids those issues, while maintaining the visual separation between the "action" links and the privacy policy link. Props imath, melchoyce, desrosj, xkon, iandunn. Fixes #44046. git-svn-id: https://develop.svn.wordpress.org/trunk@43274 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/login.css | 11 +---------- 1 file changed, 1 insertion(+), 10 deletions(-) diff --git a/src/wp-admin/css/login.css b/src/wp-admin/css/login.css index 32b5560c23..686be7dde9 100644 --- a/src/wp-admin/css/login.css +++ b/src/wp-admin/css/login.css @@ -202,9 +202,7 @@ p { .login .privacy-policy-page-link { text-align: center; width: 100%; - position: absolute; - bottom: 20px; - left: 0; + margin: 5em 0 2em; } .login form .input, @@ -265,13 +263,6 @@ body.interim-login { width: device-width; } -@media ( max-height: 600px ) { - .login .privacy-policy-page-link { - position: relative; - margin: 60px 0 20px 0; - } -} - @media screen and ( max-height: 550px ) { #login { padding: 20px 0;