Skip to content
Snippets Groups Projects
Verified Commit 2341e18a 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

(cherry picked from commit f1bbcd1a)
parent 2565825a
No related branches found
No related tags found
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 #34304 failed
......@@ -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.
Finish editing this message first!
Please register or to comment