Skip to content
Snippets Groups Projects
Verified Commit 8999e680 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3353641 by Gauravvvv, Santosh_Verma, smustgrave, nod_, bnjmnm, lauriii,... 

Issue #3353641 by Gauravvvv, Santosh_Verma, smustgrave, nod_, bnjmnm, lauriii, quietone: make use of component-level CSS custom properties in Claro's form--password-confirm stylesheet

(cherry picked from commit c9453274)
parent cd42c46c
Branches
Tags
20 merge requests!8376Drupal views: adding more granularity to the ‘use ajax’ functionality,!8300Issue #3443586 View area displays even when parent view has no results.,!7567Issue #3153723 by quietone, Hardik_Patel_12: Change the scaffolding...,!7565Issue #3153723 by quietone, Hardik_Patel_12: Change the scaffolding...,!7509Change label "Block description" to "Block type",!7344Issue #3292350 by O'Briat, KlemenDEV, hswong3i, smustgrave, quietone: Update...,!6922Issue #3412959 by quietone, smustgrave, longwave: Fix 12 'un' words,!6848Issue #3417553 by longwave: Remove withConsecutive() in CacheCollectorTest,!6720Revert "Issue #3358581 by pfrenssen, _tarik_, a.dmitriiev, smustgrave:...,!6560Update ClaroPreRender.php, confirming classes provided are in array format,!6528Issue #3414261 by catch: Add authenticated user umami performance tests,!6501Issue #3263668 by omkar-pd, Wim Leers, hooroomoo: Re-enable inline form errors...,!6354Draft: Issue #3380392 by phma: Updating language weight from the overview reverts label if translated,!6324Issue #3416723 by Ludo.R: Provide a "node type" views default argument,!6119Issue #3405704 by Spokje, longwave: symfony/psr-http-message-bridge major version bump,!5950Issue #3403653 by alexpott, longwave: Incorporate improvements to how contrib runs PHPStan to core,!5858Issue #3401971 by fjgarlin: Test-only job shouldn't require constant rebases...,!5716Draft: Issue #3401102 by Spokje, longwave, smustgrave: Nightwatch artifacts on GitLab not retained,!5674Transaction autocommit during shutdown relies on unreliable object destruction order,!5644Issue #3395563 by nireneko, marvil07, lauriii, borisson_, smustgrave, Wim...
Pipeline #57397 passed with warnings
Stage: 🏗️ Build
Stage: 🪄 Lint
Stage: 🗜️ Test
Pipeline: drupal

#57426

    Pipeline: drupal

    #57416

      Pipeline: drupal

      #57405

        +1
        Hide whitespace changes
        Inline Side-by-side
        core/themes/claro/css/components/form--password-confirm.css
        + 13
        − 37
        View file @ 8999e680
        ......@@ -10,21 +10,6 @@
        * Visual styles for the Password widgets.
        */
        :root {
        /* Weak */
        --password-strength-bar-weak-bg-color: var(--color-maximumred);
        --password-strength-bar-weak-border-color: var(--color-maximumred);
        /* Fair */
        --password-strength-bar-fair-bg-color: var(--color-sunglow);
        --password-strength-bar-fair-border-color: #977405;
        /* Good */
        --password-strength-bar-good-bg-color: var(--color-lightninggreen);
        --password-strength-bar-good-border-color: var(--color-lightninggreen);
        /* Strong */
        --password-strength-bar-strong-bg-color: var(--color-lightninggreen);
        --password-strength-bar-strong-border-color: var(--color-lightninggreen);
        }
        /**
        * Password confirm widget styles.
        */
        ......@@ -77,6 +62,19 @@
        */
        .password-strength {
        /* Weak */
        --password-strength-bar-weak-bg-color: var(--color-maximumred);
        --password-strength-bar-weak-border-color: var(--color-maximumred);
        /* Fair */
        --password-strength-bar-fair-bg-color: var(--color-sunglow);
        --password-strength-bar-fair-border-color: #977405;
        /* Good */
        --password-strength-bar-good-bg-color: var(--color-lightninggreen);
        --password-strength-bar-good-border-color: var(--color-lightninggreen);
        /* Strong */
        --password-strength-bar-strong-bg-color: var(--color-lightninggreen);
        --password-strength-bar-strong-border-color: var(--color-lightninggreen);
        margin-block: var(--progress-bar-spacing-size);
        }
        ......@@ -150,28 +148,6 @@
        font-weight: bold;
        }
        /* Password strength states */
        .password-strength__bar.is-weak {
        border-color: var(--password-strength-bar-weak-border-color);
        background-color: var(--password-strength-bar-weak-bg-color);
        }
        .password-strength__bar.is-fair {
        border-color: var(--password-strength-bar-fair-border-color);
        background-color: var(--password-strength-bar-fair-bg-color);
        }
        .password-strength__bar.is-good {
        border-color: var(--password-strength-bar-good-border-color);
        background-color: var(--password-strength-bar-good-bg-color);
        }
        .password-strength__bar.is-strong {
        border-color: var(--password-strength-bar-strong-border-color);
        background-color: var(--password-strength-bar-strong-bg-color);
        }
        @media (forced-colors: active) {
        .password-strength__bar.is-weak,
        .password-strength__bar.is-fair,
        ......
        core/themes/claro/css/components/form--password-confirm.pcss.css
        + 13
        − 35
        View file @ 8999e680
        ......@@ -3,21 +3,6 @@
        * Visual styles for the Password widgets.
        */
        :root {
        /* Weak */
        --password-strength-bar-weak-bg-color: var(--color-maximumred);
        --password-strength-bar-weak-border-color: var(--color-maximumred);
        /* Fair */
        --password-strength-bar-fair-bg-color: var(--color-sunglow);
        --password-strength-bar-fair-border-color: #977405;
        /* Good */
        --password-strength-bar-good-bg-color: var(--color-lightninggreen);
        --password-strength-bar-good-border-color: var(--color-lightninggreen);
        /* Strong */
        --password-strength-bar-strong-bg-color: var(--color-lightninggreen);
        --password-strength-bar-strong-border-color: var(--color-lightninggreen);
        }
        /**
        * Password confirm widget styles.
        */
        ......@@ -64,6 +49,19 @@
        * Description and strength indicator for the main input.
        */
        .password-strength {
        /* Weak */
        --password-strength-bar-weak-bg-color: var(--color-maximumred);
        --password-strength-bar-weak-border-color: var(--color-maximumred);
        /* Fair */
        --password-strength-bar-fair-bg-color: var(--color-sunglow);
        --password-strength-bar-fair-border-color: #977405;
        /* Good */
        --password-strength-bar-good-bg-color: var(--color-lightninggreen);
        --password-strength-bar-good-border-color: var(--color-lightninggreen);
        /* Strong */
        --password-strength-bar-strong-bg-color: var(--color-lightninggreen);
        --password-strength-bar-strong-border-color: var(--color-lightninggreen);
        margin-block: var(--progress-bar-spacing-size);
        }
        ......@@ -136,26 +134,6 @@
        font-weight: bold;
        }
        /* Password strength states */
        .password-strength__bar {
        &.is-weak {
        border-color: var(--password-strength-bar-weak-border-color);
        background-color: var(--password-strength-bar-weak-bg-color);
        }
        &.is-fair {
        border-color: var(--password-strength-bar-fair-border-color);
        background-color: var(--password-strength-bar-fair-bg-color);
        }
        &.is-good {
        border-color: var(--password-strength-bar-good-border-color);
        background-color: var(--password-strength-bar-good-bg-color);
        }
        &.is-strong {
        border-color: var(--password-strength-bar-strong-border-color);
        background-color: var(--password-strength-bar-strong-bg-color);
        }
        }
        @media (forced-colors: active) {
        .password-strength__bar {
        &.is-weak,
        ......
        0% or .
        You are about to add 0 people to the discussion. Proceed with caution.
        Please register or to comment