WordPress.org

Make WordPress Core

Changeset 43274


Ignore:
Timestamp:
05/15/2018 04:26:12 PM (2 years ago)
Author:
iandunn
Message:

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.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/login.css

    r43232 r43274  
    203203    text-align: center;
    204204    width: 100%;
    205     position: absolute;
    206     bottom: 20px;
    207     left: 0;
     205    margin: 5em 0 2em;
    208206}
    209207
     
    266264}
    267265
    268 @media ( max-height: 600px ) {
    269     .login .privacy-policy-page-link {
    270         position: relative;
    271         margin: 60px 0 20px 0;
    272     }
    273 }
    274 
    275266@media screen and ( max-height: 550px ) {
    276267    #login {
Note: See TracChangeset for help on using the changeset viewer.