From 94b9143cabc3ac4e9e2c04e61e14a98316101774 Mon Sep 17 00:00:00 2001 From: timotheegoguely Date: Tue, 19 Nov 2024 16:50:32 +0100 Subject: [PATCH] Add comment marker style for hover and focus states --- src/components/comments/Comments.vue | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/components/comments/Comments.vue b/src/components/comments/Comments.vue index 1d2b679..1393434 100644 --- a/src/components/comments/Comments.vue +++ b/src/components/comments/Comments.vue @@ -367,5 +367,14 @@ function openComment(comment) { cursor: pointer !important; z-index: 999; overflow: visible; + transition: transform 0.1s ease-out; + transform-origin: bottom left; +} +.comment-marker:hover { + transform: scale(1.1); +} +.comment-marker.active, +.comment-marker:focus { + background-image: var(--icon-comment-focus) }