Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
12/01/2017 11:16:45 PM (3 years ago)
Author:
hnla
Message:

Nouveau: Re-factor password verify JS & styles ( registration screen )

Commit updates password-verify.js to correct switch statement removing 'short' for 'misnatch' on 'pwsL10n.mismatch' html.

Adds new class for all conditions met of 'show' to manage the display of hidden result element, this simplifies the style rulesets.

Updates password style mixins for additional param for color.

Adds new ruleset to handle .mismatch mixin include ( provisional alt styling ), adds border styles for password input fields.

Todo: Track down the red border outline of input controls when unfocussed, currently this alludes pinpointing to any styles or JS - possibly originating from WP js?

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-nouveau/common-styles/_bp_info_messages.scss

    r11686 r11755  
    238238        border-width: 1px;
    239239        display: none;
     240        font-weight: 700;
    240241        margin: $marg-sml 0 $marg-sml 0;
    241242        padding: $pad-sml;
     
    243244        width: auto;
    244245
     246        // Show the feedback message when fields populated
     247        &.show {
     248            display: block;
     249        }
     250
     251        &.mismatch {
     252
     253            @include pwd-bad-colors($color: $white, $background: $black, $border: transparent);
     254        }
     255
    245256        &.error,
    246257        &.bad {
    247258
    248             @include pwd-bad-colors();
    249             display: block;
     259            @include pwd-bad-colors($color: $white);
    250260        }
    251261
    252262        &.short {
    253263
    254             @include pwd-short-colors();
    255             display: block;
     264            @include pwd-short-colors($color: $white);
    256265        }
    257266
    258267        &.strong {
    259268
    260             @include pwd-good-colors();
    261             display: block;
     269            @include pwd-good-colors($color: $white);
    262270        }
    263271
Note: See TracChangeset for help on using the changeset viewer.