Skip to content

Commit a08c0cb

Browse files
fix: address review feedback on text field disabled state
1 parent cf8a24e commit a08c0cb

2 files changed

Lines changed: 5 additions & 4 deletions

File tree

static/css/v3/forms.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -216,15 +216,15 @@
216216
.field__control--disabled,
217217
.field__control--disabled:hover,
218218
.field__control--disabled:focus-within {
219-
background-color: var(--color-surface-mid, #f7f7f8);
220-
border-color: var(--color-stroke-strong, #05081640);
219+
background-color: var(--color-surface-mid);
220+
border-color: var(--color-stroke-strong);
221221
cursor: not-allowed;
222222
}
223223

224224
.field__control--disabled .field__input,
225225
.field__control--disabled .field__input::placeholder,
226226
.field__control--disabled:hover .field__input::placeholder {
227-
color: var(--color-text-secondary, #6b6d78);
227+
color: var(--color-text-secondary);
228228
}
229229

230230
.field__control--disabled .field__input {
@@ -234,7 +234,7 @@
234234
.field__control--disabled .field__icon,
235235
.field__control--disabled:hover .field__icon,
236236
.field__control--disabled:focus-within .field__icon {
237-
color: var(--color-icon-secondary, #6b6d78);
237+
color: var(--color-icon-secondary);
238238
}
239239

240240
/* ========== Datetime-local: hide native icon, full-area click ========== */

templates/v3/examples/_v3_example_section.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -505,6 +505,7 @@ <h3>{{ section_title }}</h3>
505505
{% include "v3/includes/_field_text.html" with name="ex_basic" label="Text field" placeholder="Enter text..." %}
506506
{% include "v3/includes/_field_text.html" with name="ex_search" label="With icon" placeholder="Search..." icon_left="search" %}
507507
{% include "v3/includes/_field_text.html" with name="ex_error" label="Error state" placeholder="Enter value" error="This field is required." %}
508+
{% include "v3/includes/_field_text.html" with name="ex_disabled" label="Disabled state" placeholder="Enter value" value="Disabled value" disabled="true" %}
508509
{% include "v3/includes/_field_checkbox.html" with name="ex_agree" label="I agree to the terms and conditions" %}
509510
{% include "v3/includes/_field_dropdown.html" with name="ex_type" label="Dropdown" options=demo_dropdown_options placeholder="Select type..." %}
510511
{% include "v3/includes/_field_combo.html" with name="ex_library" label="Combo (searchable)" placeholder="Search libraries..." options=demo_libs %}

0 commit comments

Comments
 (0)