From dd3992063eb680ba6233b146a6b1c7a879d6e031 Mon Sep 17 00:00:00 2001 From: Raphael Bernhart <48283236+raphaelbernhart@users.noreply.github.com> Date: Sat, 22 Jan 2022 13:59:36 +0100 Subject: [PATCH] Apply suggestions from code review Co-authored-by: Adam Stachowicz --- src/components/HeartbeatBar.vue | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/HeartbeatBar.vue b/src/components/HeartbeatBar.vue index d7f352cc..bbc7a40f 100644 --- a/src/components/HeartbeatBar.vue +++ b/src/components/HeartbeatBar.vue @@ -173,6 +173,7 @@ export default { getBeatTitle(beat) { return `${this.$root.datetime(beat.time)}` + ((beat.msg) ? ` - ${beat.msg}` : ``); }, + // Toggling the activeSibling class on hover over the current hover item toggleActivateSibling(e) { // Variable definition @@ -189,6 +190,7 @@ export default { if (previous.children && !previous.classList.contains("empty")) { previous.classList.toggle("active-sibling"); } + // Check if Next Sibling is heartbar element and doesn't have the empty class if (next.children && !next.classList.contains("empty")) { next.classList.toggle("active-sibling"); @@ -238,6 +240,7 @@ export default { opacity: 0.8; transform: scale(var(--hover-scale)); } + &.active-sibling { transform: scale(1.3); transition: all ease 0.15s;