diff options
| author | crupest <crupest@outlook.com> | 2021-07-06 01:17:12 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-07-06 01:17:25 +0800 |
| commit | f1f066b558ff83bacd572c1f62f9dd8299f88016 (patch) | |
| tree | 9348c887f2863034f15a151f1426d7fe377fe91f /FrontEnd/src | |
| parent | 9efb352f15e0f2ccd0d3037587f4468410d029d0 (diff) | |
| download | timeline-f1f066b558ff83bacd572c1f62f9dd8299f88016.tar.gz timeline-f1f066b558ff83bacd572c1f62f9dd8299f88016.tar.bz2 timeline-f1f066b558ff83bacd572c1f62f9dd8299f88016.zip | |
feat: Enhance timeline board loading.
Diffstat (limited to 'FrontEnd/src')
| -rw-r--r-- | FrontEnd/src/views/center/index.css | 39 | ||||
| -rw-r--r-- | FrontEnd/src/views/home/index.css | 37 |
2 files changed, 2 insertions, 74 deletions
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;
-}
diff --git a/FrontEnd/src/views/home/index.css b/FrontEnd/src/views/home/index.css index 098bb017..89d36f0d 100644 --- a/FrontEnd/src/views/home/index.css +++ b/FrontEnd/src/views/home/index.css @@ -1,40 +1,3 @@ -.timeline-board {
- min-height: 200px;
- height: 100%;
- position: relative;
-}
-
-.timeline-board-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-.timeline-board-item {
- font-size: 1.1em;
- height: 48px;
- transition: background 0.3s;
- display: flex;
- align-items: center;
-}
-.timeline-board-item .icon {
- height: 1.3em;
- color: black;
-}
-.timeline-board-item:hover {
- background: #dee2e6;
-}
-.timeline-board-item .right {
- display: flex;
- align-items: center;
- flex-shrink: 0;
-}
-.timeline-board-item .title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
.home-timeline-list-item {
display: flex;
align-items: center;
|