From 4924470f2b2d734cdb50292adb834b2a37f5d7c7 Mon Sep 17 00:00:00 2001 From: kolaente Date: Mon, 27 Feb 2023 17:47:06 +0100 Subject: [PATCH] fix(task): task link focus style --- src/components/tasks/partials/singleTaskInList.vue | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/components/tasks/partials/singleTaskInList.vue b/src/components/tasks/partials/singleTaskInList.vue index 4ed734739..8bf9cf25f 100644 --- a/src/components/tasks/partials/singleTaskInList.vue +++ b/src/components/tasks/partials/singleTaskInList.vue @@ -299,6 +299,14 @@ function openTaskDetail() { background-color: var(--grey-100); } + &:focus-within { + box-shadow: 0 0 0 2px hsla(var(--primary-hsl), 0.5); + + a.tasktext { + box-shadow: none; + } + } + .tasktext, &.tasktext { white-space: nowrap; @@ -366,7 +374,8 @@ function openTaskDetail() { } } - &:hover .favorite { + &:hover .favorite, + .favorite:focus { opacity: 1; }