WordPress.org

Making WordPress.org

Changeset 4540


Ignore:
Timestamp:
12/15/2016 07:54:20 AM (5 years ago)
Author:
dd32
Message:

Login: Disable flexbox alignments for the registration pages and login on smaller screens, as it cuts off the top of the content.

See #148

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-login
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-login/functions.php

    r4539 r4540  
    5353 */
    5454function wporg_login_replace_css() {
    55     wp_enqueue_style( 'wporg-login', get_template_directory_uri() . '/stylesheets/login.css', array( 'login', 'dashicons' ), '20161215c' );
     55    wp_enqueue_style( 'wporg-login', get_template_directory_uri() . '/stylesheets/login.css', array( 'login', 'dashicons' ), '20161215d' );
    5656}
    5757add_action( 'login_init', 'wporg_login_replace_css' );
     
    6969
    7070    wp_enqueue_style( 'wporg-normalize', get_template_directory_uri() . '/stylesheets/normalize.css', 3 );
    71     wp_enqueue_style( 'wporg-login', get_template_directory_uri() . '/stylesheets/login.css', array( 'login', 'dashicons' ), '20161215c' );
     71    wp_enqueue_style( 'wporg-login', get_template_directory_uri() . '/stylesheets/login.css', array( 'login', 'dashicons' ), '20161215d' );
    7272}
    7373add_action( 'wp_enqueue_scripts', 'wporg_login_scripts' );
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-login/stylesheets/login.css

    r4539 r4540  
    1111    -webkit-align-items:center;
    1212    align-items:center;
     13}
     14
     15/* Don't use Flex alignments for the registration pages, doesn't play nice with content that exceeds the window height  */
     16body.route-register,
     17body.route-register-profile,
     18body.route-register-confirm {
     19    display: block;
     20    margin-top: 100px;
    1321}
    1422
     
    305313}
    306314
    307 
    308 body.route-register,
    309 body.route-register-profile,
    310 body.route-register-confirm {
    311     padding-top: 105px;
    312     height: auto;
    313 }
    314 
    315315body.route-register input.input,
    316316body.route-register-profile input.input,
     
    384384}
    385385
     386/* Clearfix for the forms, allows for non-flex-mode #login div to stretch over the submit button */
     387form:before,
     388form:after {
     389    content: "";
     390    display: table;
     391    border-collapse: collapse;
     392}
     393form:after {
     394    clear: both;
     395}
     396form {
     397    min-height: 0; /* clearfix IE7 support */
     398}
     399
    386400@media (max-width:375px) {
    387401    body, html {
     
    417431    }
    418432}
     433
     434/* Disable flex display on smaller screens, as it cuts off the centered content */
     435@media (max-height: 550px) {
     436    body.login {
     437        display: block;
     438        margin-top: 100px;
     439    }
     440}
Note: See TracChangeset for help on using the changeset viewer.