panic.haus/web-ui
1
0
Fork 0
Code Issues Pull Requests 10 Actions Packages Projects Releases Activity

fix date picker highlighting, v0.1.12
All checks were successful
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/promote/production Build is passing
Details

Browse Source
This commit is contained in:
Beatrice Dellacà
2026-02-23 23:28:38 +01:00
parent 5cc3e3646c
commit 4921afe296
3 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/base.css
View File

@@ -22,6 +22,8 @@
--field-disabled-border: #3f3f46;
--field-disabled-text: #bbb6c3;
--field-disabled-placeholder: #71717a;
--field-selection-bg: rgb(var(--accent-500) / 0.42);
--field-selection-text: var(--text-primary);
--ghost-bg: rgba(24, 24, 27, 0.5);
--ghost-border: #3f3f46;
--ghost-hover: rgba(39, 39, 42, 0.7);
@@ -69,6 +71,8 @@
--field-disabled-border: #d7d7d7;
--field-disabled-text: #71717a;
--field-disabled-placeholder: #a1a1aa;
--field-selection-bg: rgb(var(--accent-500) / 0.24);
--field-selection-text: var(--text-primary);
--ghost-bg: rgba(255, 255, 255, 0.88);
--ghost-border: #d4d4d8;
--ghost-hover: #f4f4f5;

24
src/styles/components.css
View File

@@ -24,6 +24,30 @@
color: var(--text-soft);
}
.field::selection {
background-color: var(--field-selection-bg);
color: var(--field-selection-text);
-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 {
border-radius: 0.375rem;
background-color: var(--field-selection-bg);
color: var(--field-selection-text);
-webkit-text-fill-color: var(--field-selection-text);
}
.field:disabled {
border-color: var(--field-disabled-border);
background-color: var(--field-disabled-bg);