fix(core/event-list): selection and transition effect (#335)

siemens · Feb 1, 2023 · eb24a9e · eb24a9e
1 parent aa8778e
commit eb24a9e
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/core/src/components/event-list-item/event-list-item.scss b/packages/core/src/components/event-list-item/event-list-item.scss
@@ -22,6 +22,7 @@ $height-single-line: 2.5rem;
   border-radius: $default-border-radius;
   background-color: var(--theme-event-item--background);
   overflow: hidden;
+  transition: $default-time;
   cursor: pointer;
 
   @include hover {
@@ -76,6 +77,9 @@ $height-single-line: 2.5rem;
       background-color: var(--theme-event-item--background--selected);
       border-color: var(--theme-event-item--border--selected);
     }
+    :hover {
+      border-color: var(--theme-event-item--border--selected) !important;
+    }
   }
 
   &[disabled],