Tria/emaui
1
0
Fork 0
mirror of https://github.com/Tria-plc/emaui.git synced 2026-08-29 19:58:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI

Browse Source
This commit is contained in:
Estifo77
2026-08-11 13:10:44 +03:00
parent 3b63721268
commit 1cfa3dec69
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
libs/ui/src/lib/input/AmharicDatePicker.css
View File

@@ -191,21 +191,23 @@
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
} }
/* Dark-mode: use a bright filled background so the "today" cell is /* Dark-mode: bright border ring + bright text, NO filled background.
immediately visible on dark popup surfaces where a thin ring alone A filled background can end up white on dark surfaces; a ring + coloured
would disappear into the background. */ digit is always visible regardless of the popup colour scheme. */
[data-mantine-color-scheme='dark'] .amharic-daypicker .rdp-today .rdp-day_button { [data-mantine-color-scheme='dark'] .amharic-daypicker .rdp-today .rdp-day_button {
background-color: var(--mantine-primary-color-light-color, #1c7ed6); background-color: transparent !important;
border: 2px solid #74c0fc !important; border: 2px solid #74c0fc !important;
color: #fff; color: #74c0fc !important;
font-weight: 700; font-weight: 700;
} }
/* When today is also selected in dark mode: keep the primary filled background
but use the bright ring so today is still distinguishable from other selected days. */
[data-mantine-color-scheme='dark'] .amharic-daypicker .rdp-today.rdp-selected .rdp-day_button { [data-mantine-color-scheme='dark'] .amharic-daypicker .rdp-today.rdp-selected .rdp-day_button {
background-color: var(--mantine-primary-color-filled); background-color: var(--mantine-primary-color-filled) !important;
border: 2px solid #74c0fc !important; border: 2px solid #74c0fc !important;
color: #fff; color: #fff !important;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.35); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
} }
/* Ensure no scrollbar appears on the datepicker popover dropdown */ /* Ensure no scrollbar appears on the datepicker popover dropdown */