diff --git a/package.json b/package.json index e7c352f..6b6a423 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@panic/web-ui", - "version": "0.1.12", + "version": "0.1.13", "license": "AGPL-3.0-only", "description": "Core components for panic.haus web applications", "type": "module", diff --git a/src/styles/components.css b/src/styles/components.css index c21d7f0..d16fc06 100644 --- a/src/styles/components.css +++ b/src/styles/components.css @@ -30,22 +30,22 @@ -webkit-text-fill-color: var(--field-selection-text); } -.field[type='date']::-webkit-datetime-edit-day-field:focus, -.field[type='date']::-webkit-datetime-edit-month-field:focus, -.field[type='date']::-webkit-datetime-edit-year-field:focus, -.field[type='time']::-webkit-datetime-edit-hour-field:focus, -.field[type='time']::-webkit-datetime-edit-minute-field:focus, -.field[type='time']::-webkit-datetime-edit-ampm-field:focus, -.field[type='datetime-local']::-webkit-datetime-edit-day-field:focus, -.field[type='datetime-local']::-webkit-datetime-edit-month-field:focus, -.field[type='datetime-local']::-webkit-datetime-edit-year-field:focus, -.field[type='datetime-local']::-webkit-datetime-edit-hour-field:focus, -.field[type='datetime-local']::-webkit-datetime-edit-minute-field:focus, -.field[type='datetime-local']::-webkit-datetime-edit-ampm-field:focus { +.field[type='date']:focus::-webkit-datetime-edit-day-field, +.field[type='date']:focus::-webkit-datetime-edit-month-field, +.field[type='date']:focus::-webkit-datetime-edit-year-field, +.field[type='time']:focus::-webkit-datetime-edit-hour-field, +.field[type='time']:focus::-webkit-datetime-edit-minute-field, +.field[type='time']:focus::-webkit-datetime-edit-ampm-field, +.field[type='datetime-local']:focus::-webkit-datetime-edit-day-field, +.field[type='datetime-local']:focus::-webkit-datetime-edit-month-field, +.field[type='datetime-local']:focus::-webkit-datetime-edit-year-field, +.field[type='datetime-local']:focus::-webkit-datetime-edit-hour-field, +.field[type='datetime-local']:focus::-webkit-datetime-edit-minute-field, +.field[type='datetime-local']:focus::-webkit-datetime-edit-ampm-field { border-radius: 0.375rem; - background-color: var(--field-selection-bg); - color: var(--field-selection-text); - -webkit-text-fill-color: var(--field-selection-text); + background-color: var(--field-selection-bg) !important; + color: var(--field-selection-text) !important; + -webkit-text-fill-color: var(--field-selection-text) !important; } .field:disabled {