aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/app/views/timeline-common/timeline-common.sass
diff options
context:
space:
mode:
Diffstat (limited to 'FrontEnd/src/app/views/timeline-common/timeline-common.sass')
-rw-r--r--FrontEnd/src/app/views/timeline-common/timeline-common.sass18
1 files changed, 13 insertions, 5 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
index ce4d053d..5f329d1f 100644
--- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass
+++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
@@ -27,6 +27,10 @@ $timeline-line-color-current: #36c2e6
background: color.adjust($timeline-line-color-current, $lightness: +10%)
box-shadow: 0 0 20px 3px color.adjust($timeline-line-color-current, $lightness: +10%, $alpha: -0.1)
+@keyframes timeline-line-node-loading
+ to
+ box-shadow: 0 0 20px 3px color.adjust($timeline-line-color, $lightness: +20%)
+
@keyframes timeline-line-node-loading-edge
from
transform: rotate(0turn)
@@ -95,11 +99,7 @@ $timeline-line-color-current: #36c2e6
z-index: 2
animation: 1.5s linear infinite timeline-line-node-loading-edge
-.current
- &.timeline-item
- padding-bottom: 2.5em
-
- .timeline-line
+ &.current
.segment
&.start
background: linear-gradient($timeline-line-color, $timeline-line-color-current)
@@ -108,6 +108,14 @@ $timeline-line-color-current: #36c2e6
.node
animation-name: timeline-line-node-current
+ &.loading
+ .node
+ background: $timeline-line-color
+ animation-name: timeline-line-node-loading
+
+.timeline-item.current
+ padding-bottom: 2.5em
+
.timeline-top
position: relative
text-align: right