Browse Source

fix: standarize password input and styles

pull/328/head
arzola 4 years ago
parent
commit
4a6c728734
  1. 9
      assets/styles/layouts/_page-register.scss
  2. 4
      dist/styles/aldine.css
  3. 11
      page-auth.php

9
assets/styles/layouts/_page-register.scss

@ -211,6 +211,15 @@ $body-font: 'Spectral', serif;
} }
} }
} }
.form--message-wrapper {
h2 {
text-align: left;
text-transform: none;
}
}
} }
.signin .form--input-wrapper { .signin .form--input-wrapper {

4
dist/styles/aldine.css vendored

@ -2900,6 +2900,10 @@ fieldset:last-of-type {
font-size: 1rem; font-size: 1rem;
color: #bb2026; color: #bb2026;
} }
.signup .form--message-wrapper h2, .signin .form--message-wrapper h2 {
text-align: left;
text-transform: none;
}
.signin .form--input-wrapper { .signin .form--input-wrapper {
margin-top: 2rem; margin-top: 2rem;

11
page-auth.php

@ -43,6 +43,7 @@ if ( $action === 'signup' ) {
do_action( 'pb_custom_signup_form_handler' ); do_action( 'pb_custom_signup_form_handler' );
$errors = apply_filters( 'pb_custom_signup_errors', [] ); $errors = apply_filters( 'pb_custom_signup_errors', [] );
$result = apply_filters( 'pb_custom_signup_message', [] );
?> ?>
<!doctype html> <!doctype html>
@ -117,7 +118,8 @@ $errors = apply_filters( 'pb_custom_signup_errors', [] );
<h1 class="signup--page-title"><?php echo esc_html( $main_title ); ?></h1> <h1 class="signup--page-title"><?php echo esc_html( $main_title ); ?></h1>
<?php do_action( 'pb_custom_signup_before_wrapper' ); ?> <?php do_action( 'pb_custom_signup_before_wrapper' ); ?>
<div class="signup--wrapper"> <div class="signup--wrapper">
<section class="signup--section"> <?php if ( ! $result ) : ?>
<section class="signup--section">
<h2 class="signup--header-title"><?php echo esc_html( $title ); ?></h2> <h2 class="signup--header-title"><?php echo esc_html( $title ); ?></h2>
<form class="form" action="<?php echo esc_html( $url ); ?>" method="post"> <form class="form" action="<?php echo esc_html( $url ); ?>" method="post">
<div class="form--input-wrapper"> <div class="form--input-wrapper">
@ -143,11 +145,11 @@ $errors = apply_filters( 'pb_custom_signup_errors', [] );
<p class="form--input-description"><?php esc_html_e( 'At least 12 characters, with at least one upper case letter and one number', 'pressbooks-aldine' ); ?></p> <p class="form--input-description"><?php esc_html_e( 'At least 12 characters, with at least one upper case letter and one number', 'pressbooks-aldine' ); ?></p>
<?php else : ?> <?php else : ?>
<input id="password" class="password" type="password" autocomplete="password" placeholder=" " name="user_pwd" required> <input id="password" class="password" type="password" autocomplete="password" placeholder=" " name="user_pwd" required>
<label for="password"><?php esc_html_e( 'Password', 'pressbooks-aldine' ); ?></label>
<a class="button-toggle" data-toggle="0" aria-label="Show password"> <a class="button-toggle" data-toggle="0" aria-label="Show password">
<svg class="open"><use xlink:href="#eye" /></svg> <svg class="open"><use xlink:href="#eye" /></svg>
<svg class="closed hide"><use xlink:href="#closed-eye" /></svg> <svg class="closed hide"><use xlink:href="#closed-eye" /></svg>
</a> </a>
<label for="password"><?php esc_html_e( 'Password', 'pressbooks-aldine' ); ?></label>
<p class="form--input-description"><a href="<?php echo esc_url( wp_lostpassword_url() ); ?>"><?php esc_html_e( 'Lost your password?', 'pressbooks-aldine' ); ?></a></p> <p class="form--input-description"><a href="<?php echo esc_url( wp_lostpassword_url() ); ?>"><?php esc_html_e( 'Lost your password?', 'pressbooks-aldine' ); ?></a></p>
<?php endif; ?> <?php endif; ?>
</div> </div>
@ -172,6 +174,11 @@ $errors = apply_filters( 'pb_custom_signup_errors', [] );
</form> </form>
<h2 class="signup--header-title"><?php echo esc_html( $invite_cta ); ?> <a href="<?php echo esc_html( $invite_cta_link ); ?>"><?php echo esc_html( $invite_cta_link_text ); ?></a></h2> <h2 class="signup--header-title"><?php echo esc_html( $invite_cta ); ?> <a href="<?php echo esc_html( $invite_cta_link ); ?>"><?php echo esc_html( $invite_cta_link_text ); ?></a></h2>
</section> </section>
<?php else : ?>
<section class="signup--section">
<?php echo wp_kses_post( $result ) ?>
</section>
<?php endif; ?>
<section class="signup--section"> <section class="signup--section">
<h2 class="signup--header-title"><?php echo esc_html( $sign_action ); ?></h2> <h2 class="signup--header-title"><?php echo esc_html( $sign_action ); ?></h2>
<div class="signup--social-buttons"> <div class="signup--social-buttons">

Loading…
Cancel
Save