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;