aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2020-11-04 12:10:43 +0800
committercrupest <crupest@outlook.com>2020-11-04 12:10:43 +0800
commite28d90df6fffd20384234b1351e3d9dd56f549de (patch)
treeb05a1ba3a4d520241b341318e79c26d44384b6dd
parent0bc6b4495ae63b652877a8145d0acca9213fa348 (diff)
downloadtimeline-e28d90df6fffd20384234b1351e3d9dd56f549de.tar.gz
timeline-e28d90df6fffd20384234b1351e3d9dd56f549de.tar.bz2
timeline-e28d90df6fffd20384234b1351e3d9dd56f549de.zip
feat: Add hover effect on timeline item.
-rw-r--r--FrontEnd/src/app/index.sass2
-rw-r--r--FrontEnd/src/app/views/timeline-common/timeline-common.sass4
2 files changed, 5 insertions, 1 deletions
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