Skip to content
Snippets Groups Projects
Verified Commit f1bbcd1a authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3383452 by kunal.sachdev, hooroomoo: Replace Claro CSS variables used in Field UI

parent 16feff8e
No related branches found
No related tags found
44 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...,!54479.5.x SF update,!5022Issue #3394406: FileUploadHandler::handleExtensionValidation does not have fallback for sites still using file_validate_extensions,!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,!3451Issue #2410579: Allows setting the current language programmatically.,!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,!31312878513-10.1.x,!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,!1591Issue #3199697: Add JSON:API Translation experimental module,!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,!485Sets the autocomplete attribute for username/password input field on login form.
Pipeline #34303 failed
Pipeline: drupal

#34308

    Pipeline: drupal

    #34307

      Pipeline: drupal

      #34306

        +1
        ......@@ -11,6 +11,12 @@
        .field-ui-field-storage-add-form {
        --thumb-size: 4.5rem;
        --color-focus: #26a769;
        --color-gray: #232429;
        --input-fg-color: var(--color-gray);
        --color-blue: #003ecc;
        --color-red: #dc2323;
        --details-box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.1);
        }
        .field-ui-new-storage-wrapper {
        ......@@ -53,7 +59,7 @@
        align-items: center;
        padding: 0.25rem;
        padding-inline-end: 0.75rem;
        border: 1px solid var(--color-gray-100, #dedfe4);
        border: 1px solid #dedfe4;
        gap: 0.75rem;
        border-radius: 0.25rem;
        }
        ......@@ -81,14 +87,14 @@
        .field-option__thumb {
        height: 100%;
        min-height: var(--thumb-size);
        background-color: var(--color-gray-050, #f3f4f9);
        background-color: #f3f4f9;
        }
        .subfield-option {
        margin-block: 0.625rem;
        padding: 1rem;
        padding-inline-end: 2rem;
        border: 1px solid var(--color-gray-200, #d3d4d9);
        border: 1px solid #d3d4d9;
        border-radius: 0.25rem;
        }
        ......@@ -126,13 +132,13 @@
        .field-option.selected,
        .subfield-option.selected {
        border-color: var(--color-blue);
        box-shadow: inset 0 0 0 2px var(--color-blue-600), var(--details-box-shadow);
        box-shadow: inset 0 0 0 2px var(--color-blue), var(--details-box-shadow);
        }
        .field-option.error,
        .subfield-option.error {
        border-color: var(--color-red-500);
        box-shadow: inset 0 0 0 1px var(--color-red-500), var(--details-box-shadow);
        border-color: var(--color-red);
        box-shadow: inset 0 0 0 1px var(--color-red), var(--details-box-shadow);
        }
        .field-option .form-item__label.has-error,
        ......
        ......@@ -4,6 +4,12 @@
        .field-ui-field-storage-add-form {
        --thumb-size: 72px;
        --color-focus: #26a769;
        --color-gray: #232429;
        --input-fg-color: var(--color-gray);
        --color-blue: #003ecc;
        --color-red: #dc2323;
        --details-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .field-ui-new-storage-wrapper {
        ......@@ -41,7 +47,7 @@
        align-items: center;
        padding: 0.25rem;
        padding-inline-end: 0.75rem;
        border: 1px solid var(--color-gray-100, #dedfe4);
        border: 1px solid #dedfe4;
        gap: 0.75rem;
        border-radius: 4px;
        }
        ......@@ -69,14 +75,14 @@
        .field-option__thumb {
        height: 100%;
        min-height: var(--thumb-size);
        background-color: var(--color-gray-050, #f3f4f9);
        background-color: #f3f4f9;
        }
        .subfield-option {
        margin-block: 0.625rem;
        padding: 1rem;
        padding-inline-end: 2rem;
        border: 1px solid var(--color-gray-200, #d3d4d9);
        border: 1px solid #d3d4d9;
        border-radius: 4px;
        .field-option-radio {
        ......@@ -105,11 +111,11 @@
        }
        &.selected {
        border-color: var(--color-blue);
        box-shadow: inset 0 0 0 2px var(--color-blue-600), var(--details-box-shadow);
        box-shadow: inset 0 0 0 2px var(--color-blue), var(--details-box-shadow);
        }
        &.error {
        border-color: var(--color-red-500);
        box-shadow: inset 0 0 0 1px var(--color-red-500), var(--details-box-shadow);
        border-color: var(--color-red);
        box-shadow: inset 0 0 0 1px var(--color-red), var(--details-box-shadow);
        }
        & .form-item__label.has-error {
        color: currentColor;
        ......
        ......@@ -15,7 +15,7 @@
        .field-option .field-option__description,
        .subfield-option .description .item-list {
        color: var(--color-gray-700);
        color: #75767b;
        font-size: 14px;
        line-height: 1.2;
        }
        0% Loading or .
        You are about to add 0 people to the discussion. Proceed with caution.
        Please register or to comment