feat(task): use focus-visible for task focus styles
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
kolaente 2024-09-19 13:01:18 +02:00
parent 10e245f6d0
commit a7bd9dad24
Signed by: konrad
GPG Key ID: F40E70337AB24C9B

@ -378,7 +378,7 @@ function openTaskDetail(event: MouseEvent | KeyboardEvent) {
background-color: var(--grey-100);
}
&:focus-within {
&:has(*:focus-visible) {
box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5);
a.task-link {
@ -388,7 +388,7 @@ function openTaskDetail(event: MouseEvent | KeyboardEvent) {
@supports not selector(:focus-within) {
:focus {
box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5);
box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5);
a.task-link {
box-shadow: none;
@ -412,6 +412,15 @@ function openTaskDetail(event: MouseEvent | KeyboardEvent) {
.dueDate {
display: inline-block;
margin-left: 5px;
&:focus-visible {
box-shadow: none;
time {
box-shadow: 0 0 0 1px hsla(var(--primary-hsl), 0.5);
border-radius: 3px;
}
}
}
.overdue {
@ -457,6 +466,7 @@ function openTaskDetail(event: MouseEvent | KeyboardEvent) {
text-align: center;
width: 27px;
transition: opacity $transition, color $transition;
border-radius: $radius;
&:hover {
color: var(--warning);