vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Use custom focus ring for consistency

pull/6537/head
Cagatay Civici 2024-10-04 23:56:41 +03:00
parent 1a2464db81
commit 5fd88c2fc3
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/primevue/src/datepicker/style/DatePickerStyle.js
View File

@ -152,6 +152,13 @@ const theme = ({ dt }) => `
color: ${dt('datepicker.select.year.hover.color')}; color: ${dt('datepicker.select.year.hover.color')};
} }
.p-datepicker-select-month:focus-visible,
.p-datepicker-select-year:focus-visible {
box-shadow: ${dt('datepicker.date.focus.ring.shadow')};
outline: ${dt('datepicker.date.focus.ring.width')} ${dt('datepicker.date.focus.ring.style')} ${dt('datepicker.date.focus.ring.color')};
outline-offset: ${dt('datepicker.date.focus.ring.offset')};
}
.p-datepicker-calendar-container { .p-datepicker-calendar-container {
display: flex; display: flex;
} }