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

update styles, v0.1.17
All checks were successful
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/tag Build is passing
Details

Browse Source
This commit is contained in:
Beatrice Dellacà
2026-02-24 10:37:36 +01:00
parent ec63a10027
commit b163fdaa62
2 changed files with 56 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -1,6 +1,6 @@
{
"name": "@panic/web-ui",
"version": "0.1.16",
"version": "0.1.17",
"license": "AGPL-3.0-only",
"description": "Core components for panic.haus web applications",
"type": "module",

86
src/styles/components.css
View File

@@ -35,49 +35,73 @@
.field[type='date']::-webkit-datetime-edit-year-field,
.field[type='time']::-webkit-datetime-edit-hour-field,
.field[type='time']::-webkit-datetime-edit-minute-field,
.field[type='time']::-webkit-datetime-edit-ampm-field,
.field[type='datetime-local']::-webkit-datetime-edit-day-field,
.field[type='datetime-local']::-webkit-datetime-edit-month-field,
.field[type='datetime-local']::-webkit-datetime-edit-year-field,
.field[type='datetime-local']::-webkit-datetime-edit-hour-field,
.field[type='datetime-local']::-webkit-datetime-edit-minute-field,
.field[type='datetime-local']::-webkit-datetime-edit-ampm-field {
.field[type='datetime-local']::-webkit-datetime-edit-minute-field {
border-radius: 0.375rem;
}
.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']::-webkit-datetime-edit-day-field:focus {
border-radius: 0.375rem;
background-color: var(--field-selection-bg) !important;
color: var(--field-selection-text) !important;
-webkit-text-fill-color: var(--field-selection-text) !important;
}
.field[type='date']::-webkit-datetime-edit-day-field::selection,
.field[type='date']::-webkit-datetime-edit-month-field::selection,
.field[type='date']::-webkit-datetime-edit-year-field::selection,
.field[type='time']::-webkit-datetime-edit-hour-field::selection,
.field[type='time']::-webkit-datetime-edit-minute-field::selection,
.field[type='time']::-webkit-datetime-edit-ampm-field::selection,
.field[type='datetime-local']::-webkit-datetime-edit-day-field::selection,
.field[type='datetime-local']::-webkit-datetime-edit-month-field::selection,
.field[type='datetime-local']::-webkit-datetime-edit-year-field::selection,
.field[type='datetime-local']::-webkit-datetime-edit-hour-field::selection,
.field[type='datetime-local']::-webkit-datetime-edit-minute-field::selection,
.field[type='datetime-local']::-webkit-datetime-edit-ampm-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-month-field:focus {
border-radius: 0.375rem;
background-color: var(--field-selection-bg) !important;
color: var(--field-selection-text) !important;
-webkit-text-fill-color: var(--field-selection-text) !important;
}
.field[type='date']::-webkit-datetime-edit-year-field:focus {
border-radius: 0.375rem;
background-color: var(--field-selection-bg) !important;
color: var(--field-selection-text) !important;
-webkit-text-fill-color: var(--field-selection-text) !important;
}
.field[type='time']::-webkit-datetime-edit-hour-field:focus {
border-radius: 0.375rem;
background-color: var(--field-selection-bg) !important;
color: var(--field-selection-text) !important;
-webkit-text-fill-color: var(--field-selection-text) !important;
}
.field[type='time']::-webkit-datetime-edit-minute-field:focus {
border-radius: 0.375rem;
background-color: var(--field-selection-bg) !important;
color: var(--field-selection-text) !important;
-webkit-text-fill-color: var(--field-selection-text) !important;
}
.field[type='datetime-local']::-webkit-datetime-edit-day-field:focus {
border-radius: 0.375rem;
background-color: var(--field-selection-bg) !important;
color: var(--field-selection-text) !important;
-webkit-text-fill-color: var(--field-selection-text) !important;
}
.field[type='datetime-local']::-webkit-datetime-edit-month-field:focus {
border-radius: 0.375rem;
background-color: var(--field-selection-bg) !important;
color: var(--field-selection-text) !important;
-webkit-text-fill-color: var(--field-selection-text) !important;
}
.field[type='datetime-local']::-webkit-datetime-edit-year-field:focus {
border-radius: 0.375rem;
background-color: var(--field-selection-bg) !important;
color: var(--field-selection-text) !important;
-webkit-text-fill-color: var(--field-selection-text) !important;
}
.field[type='datetime-local']::-webkit-datetime-edit-hour-field:focus {
border-radius: 0.375rem;
background-color: var(--field-selection-bg) !important;
color: var(--field-selection-text) !important;
-webkit-text-fill-color: var(--field-selection-text) !important;
}
.field[type='datetime-local']::-webkit-datetime-edit-minute-field:focus {
border-radius: 0.375rem;
background-color: var(--field-selection-bg) !important;
color: var(--field-selection-text) !important;
-webkit-text-fill-color: var(--field-selection-text) !important;
}
.field:disabled {