aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2021-02-15 01:47:30 +0800
committercrupest <crupest@outlook.com>2021-02-15 01:47:30 +0800
commitf01392950b7e5b1b11b4558da69e393337ce4064 (patch)
treea3049c8c9b864906713e0bdf1ba1acb2f9bd0215 /FrontEnd/src
parenteb0acbb3b51f45c633ff40c58e3ade6770ae07b9 (diff)
downloadtimeline-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.tsx8
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,
};