diff options
author | crupest <crupest@outlook.com> | 2021-02-15 01:47:30 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2021-02-15 01:47:30 +0800 |
commit | f01392950b7e5b1b11b4558da69e393337ce4064 (patch) | |
tree | a3049c8c9b864906713e0bdf1ba1acb2f9bd0215 /FrontEnd/src | |
parent | eb0acbb3b51f45c633ff40c58e3ade6770ae07b9 (diff) | |
download | timeline-f01392950b7e5b1b11b4558da69e393337ce4064.tar.gz timeline-f01392950b7e5b1b11b4558da69e393337ce4064.tar.bz2 timeline-f01392950b7e5b1b11b4558da69e393337ce4064.zip |
fix: Fix a bug caused by chromium does not support css translate.
Diffstat (limited to 'FrontEnd/src')
-rw-r--r-- | FrontEnd/src/app/views/home/TimelineBoard.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/FrontEnd/src/app/views/home/TimelineBoard.tsx b/FrontEnd/src/app/views/home/TimelineBoard.tsx index 552ec7dd..d1a77bda 100644 --- a/FrontEnd/src/app/views/home/TimelineBoard.tsx +++ b/FrontEnd/src/app/views/home/TimelineBoard.tsx @@ -77,13 +77,13 @@ const TimelineBoardItem: React.FC<TimelineBoardItemProps> = ({ ); const offsetStyle: React.CSSProperties = { - translate: + transform: arbitraryOffset != null - ? `0 ${arbitraryOffset}px` + ? `translate(0,${arbitraryOffset}px)` : offset != null - ? `0 ${offset * 100}%` + ? `translate(0,${offset * 100}%)` : undefined, - transition: offset != null ? "translate 0.5s" : undefined, + transition: offset != null ? "transform 0.5s" : undefined, zIndex: arbitraryOffset != null ? 1 : undefined, }; |