SWREI/switched
0
0
Fork 0
Code

enhance(client): improve marquee

Browse Source
This commit is contained in:
syuilo 2022-07-05 16:16:13 +09:00
parent 1778269ea8
commit 0de176a2ba
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/client/src/components/marquee.vue
View File

@ -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;