Skip to content
Snippets Groups Projects
Verified Commit c9453274 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
parent b173b839
No related branches found
No related tags found
38 merge requests!12227Issue #3181946 by jonmcl, mglaman,!8528Issue #3456871 by Tim Bozeman: Support NULL services,!8323Fix source code editing and in place front page site studio editing.,!6278Issue #3187770 by godotislate, smustgrave, catch, quietone: Views Rendered...,!3878Removed unused condition head title for views,!38582585169-10.1.x,!3818Issue #2140179: $entity->original gets stale between updates,!3742Issue #3328429: Create item list field formatter for displaying ordered and unordered lists,!3731Claro: role=button on status report items,!3668Resolve #3347842 "Deprecate the trusted",!3651Issue #3347736: Create new SDC component for Olivero (header-search),!3546refactored dialog.pcss file,!3531Issue #3336994: StringFormatter always displays links to entity even if the user in context does not have access,!3502Issue #3335308: Confusing behavior with FormState::setFormState and FormState::setMethod,!3478Issue #3337882: Deleted menus are not removed from content type config,!3452Issue #3332701: Refactor Claro's tablesort-indicator stylesheet,!3355Issue #3209129: Scrolling problems when adding a block via layout builder,!3226Issue #2987537: Custom menu link entity type should not declare "bundle" entity key,!3154Fixes #2987987 - CSRF token validation broken on routes with optional parameters.,!3147Issue #3328457: Replace most substr($a, $i) where $i is negative with str_ends_with(),!3146Issue #3328456: Replace substr($a, 0, $i) with str_starts_with(),!3133core/modules/system/css/components/hidden.module.css,!2964Issue #2865710 : Dependencies from only one instance of a widget are used in display modes,!2812Issue #3312049: [Followup] Fix Drupal.Commenting.FunctionComment.MissingReturnType returns for NULL,!2614Issue #2981326: Replace non-test usages of \Drupal::logger() with IoC injection,!2378Issue #2875033: Optimize joins and table selection in SQL entity query implementation,!2334Issue #3228209: Add hasRole() method to AccountInterface,!2062Issue #3246454: Add weekly granularity to views date sort,!1255Issue #3238922: Refactor (if feasible) uses of the jQuery serialize function to use vanillaJS,!1105Issue #3025039: New non translatable field on translatable content throws error,!1073issue #3191727: Focus states on mobile second level navigation items fixed,!10223132456: Fix issue where views instances are emptied before an ajax request is complete,!877Issue #2708101: Default value for link text is not saved,!844Resolve #3036010 "Updaters",!673Issue #3214208: FinishResponseSubscriber could create duplicate headers,!579Issue #2230909: Simple decimals fail to pass validation,!560Move callback classRemove outside of the loop,!555Issue #3202493
Pipeline #57395 passed with warnings
Stage: 🏗️ Build
Stage: 🪄 Lint
Stage: 🗜️ Test
Pipeline: drupal

#57432

    Pipeline: drupal

    #57423

      Pipeline: drupal

      #57410

        +1
        Show whitespace changes
        Inline Side-by-side
        core/themes/claro/css/components/form--password-confirm.css
        + 13
        − 37
        View file @ c9453274
        ......@@ -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 @ c9453274
        ......@@ -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