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. Merges [43274] to the 4.9 branch. Fixes #44046. Built from https://develop.svn.wordpress.org/branches/4.9@43276 git-svn-id: http://core.svn.wordpress.org/branches/4.9@43105 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
09fe564f4e
commit
61322a844a
|
@ -202,9 +202,7 @@ p {
|
||||||
.login .privacy-policy-page-link {
|
.login .privacy-policy-page-link {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
margin: 5em 0 2em;
|
||||||
bottom: 20px;
|
|
||||||
right: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.login form .input,
|
.login form .input,
|
||||||
|
@ -265,13 +263,6 @@ body.interim-login {
|
||||||
width: device-width;
|
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 ) {
|
@media screen and ( max-height: 550px ) {
|
||||||
#login {
|
#login {
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -202,9 +202,7 @@ p {
|
||||||
.login .privacy-policy-page-link {
|
.login .privacy-policy-page-link {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
margin: 5em 0 2em;
|
||||||
bottom: 20px;
|
|
||||||
left: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.login form .input,
|
.login form .input,
|
||||||
|
@ -265,13 +263,6 @@ body.interim-login {
|
||||||
width: device-width;
|
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 ) {
|
@media screen and ( max-height: 550px ) {
|
||||||
#login {
|
#login {
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -4,7 +4,7 @@
|
||||||
*
|
*
|
||||||
* @global string $wp_version
|
* @global string $wp_version
|
||||||
*/
|
*/
|
||||||
$wp_version = '4.9.6-RC1-43273';
|
$wp_version = '4.9.6-RC1-43276';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||||
|
|
Loading…
Reference in New Issue