From e28d90df6fffd20384234b1351e3d9dd56f549de Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Wed, 4 Nov 2020 12:10:43 +0800
Subject: feat: Add hover effect on timeline item.

---
 FrontEnd/src/app/index.sass                                 | 2 +-
 FrontEnd/src/app/views/timeline-common/timeline-common.sass | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

(limited to 'FrontEnd/src')

diff --git a/FrontEnd/src/app/index.sass b/FrontEnd/src/app/index.sass
index 5a0d0cc2..abe663d1 100644
--- a/FrontEnd/src/app/index.sass
+++ b/FrontEnd/src/app/index.sass
@@ -52,8 +52,8 @@ textarea
   @extend .shadow
   @extend .border
   @extend .rounded
-  @extend .bg-light
   border-color: $gray-200
+  background: $light
 
 .full-viewport-center-child
   position: fixed
diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
index 286f6867..dd5452de 100644
--- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass
+++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
@@ -112,6 +112,10 @@ $timeline-line-color-current: #36c2e6
   @extend .clearfix
   position: relative
   padding: 0.5em 2em 0.5em 60px
+  transition: background 0.5s
+
+  &:hover
+    background: $gray-200
 
 .timeline-item-delete-button
   position: absolute
-- 
cgit v1.2.3