From 0de176a2ba9ac68a22baf0fa3f20ba14c04f927c Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Tue, 5 Jul 2022 16:16:13 +0900
Subject: [PATCH] enhance(client): improve marquee
---
packages/client/src/components/marquee.vue | 7 +++++++
1 file changed, 7 insertions(+)
diff --git a/packages/client/src/components/marquee.vue b/packages/client/src/components/marquee.vue
index e7d6f20ed5..ad9de9b845 100644
--- a/packages/client/src/components/marquee.vue
+++ b/packages/client/src/components/marquee.vue
@@ -77,10 +77,16 @@ export default {
<style lang="scss" module>
.wrap {
overflow: hidden; overflow: clip;
+ animation-play-state: running;
+
+ &:hover {
+ animation-play-state: paused;
+ }
}
.content {
display: inline-block;
white-space: nowrap;
+ animation-play-state: inherit;
}
.text {
display: inline-block;
@@ -88,6 +94,7 @@ export default {
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: inherit;
+ animation-play-state: inherit;
}
.paused .text {
animation-play-state: paused;