From f1f066b558ff83bacd572c1f62f9dd8299f88016 Mon Sep 17 00:00:00 2001 From: crupest Date: Tue, 6 Jul 2021 01:17:12 +0800 Subject: feat: Enhance timeline board loading. --- FrontEnd/src/views/center/index.css | 39 ++----------------------------------- 1 file changed, 2 insertions(+), 37 deletions(-) (limited to 'FrontEnd/src/views/center') diff --git a/FrontEnd/src/views/center/index.css b/FrontEnd/src/views/center/index.css index f5bbc63b..a779ff90 100644 --- a/FrontEnd/src/views/center/index.css +++ b/FrontEnd/src/views/center/index.css @@ -3,6 +3,8 @@ height: 100%; position: relative; padding: 1em 0; + display: flex; + flex-direction: column; } .timeline-board-header { @@ -39,40 +41,3 @@ overflow: hidden; text-overflow: ellipsis; } - -.home-timeline-list-item { - display: flex; - align-items: center; -} - -.home-timeline-list-item-timeline { - transition: background 0.8s; - animation: 0.8s home-timeline-list-item-timeline-enter; -} -.home-timeline-list-item-timeline:hover { - background: #e9ecef; -} - -@keyframes home-timeline-list-item-timeline-enter { - from { - transform: translate(-100%, 0); - opacity: 0; - } -} -.home-timeline-list-item-line { - width: 80px; - flex-shrink: 0; -} - -@keyframes home-timeline-list-loading-head-animation { - from { - transform: translate(0, -30px); - opacity: 1; - } - to { - opacity: 0; - } -} -.home-timeline-list-loading-head { - animation: 1s infinite home-timeline-list-loading-head-animation; -} -- cgit v1.2.3