Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
12/01/2017 11:16:45 PM (7 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-mixins.scss

    r11686 r11755  
    320320}
    321321
     322// Layout elements / lists as grids
     323// A combined mixin to set flex-flow & flex.
     324// This mixin must be called on the parent i.e 'ul'
     325
     326@mixin build-flex-layout($row-wrap: wrap, $align: stretch, $basis: auto, $grow: 0 ) {
     327
     328    @include flex-box-dir($flex-dir: "row", $flex-wrap: $row-wrap);
     329    @include flex-align($align: $align);
     330
     331    > * {
     332
     333        @include box-item-size($grow: $grow, $shrink: 1, $basis: $basis);
     334    }
     335}
     336
    322337// Links as a tabbed effect.
    323338// Renders links in a horizontal layout as a
     
    446461// Password warn colors
    447462
    448 @mixin pwd-bad-colors($background: null, $border: null) {
     463@mixin pwd-bad-colors($color: inherit, $background: null, $border: null) {
    449464
    450465    @if $background {
     
    463478
    464479    border-color: $border;
    465 }
    466 
    467 @mixin pwd-short-colors($background: null, $border: null) {
     480
     481    color: $color;
     482}
     483
     484@mixin pwd-short-colors($color: inherit, $background: null, $border: null) {
    468485
    469486    @if $background {
     
    482499
    483500    border-color: $border;
    484 }
    485 
    486 @mixin pwd-good-colors($background: null, $border: null) {
     501
     502    color: $color;
     503}
     504
     505@mixin pwd-good-colors($color: inherit, $background: null, $border: null) {
    487506
    488507    @if $background {
     
    501520
    502521    border-color: $border;
     522
     523    color: $color;
    503524}
    504525
Note: See TracChangeset for help on using the changeset viewer.