Add tooltip to timeline

2024-07-26 11:21:24 +02:00
parent 54c9970386
commit 01311d0ba1
8 changed files with 232 additions and 8 deletions
--- a/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.scss
+++ b/frontend/src/app/components/acceleration-timeline/acceleration-timeline.component.scss
@@ -152,9 +152,16 @@
        margin-bottom: -8px;
        transform: translateY(-50%);
        border-radius: 50%;
-        cursor: pointer;
        padding: 4px;
        background: transparent;
+        transition: background-color 300ms, padding 300ms;
+
+        &.hovering {
+          cursor: pointer;
+          &:hover {
+            padding: 0px;
+          }
+        }
    
        .shape {
          position: relative;