Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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> <style lang="scss" module>
.wrap { .wrap {
overflow: hidden; overflow: clip; overflow: hidden; overflow: clip;
animation-play-state: running;
&:hover {
animation-play-state: paused;
}
} }
.content { .content {
display: inline-block; display: inline-block;
white-space: nowrap; white-space: nowrap;
animation-play-state: inherit;
} }
.text { .text {
display: inline-block; display: inline-block;
@ -88,6 +94,7 @@ export default {
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-duration: inherit; animation-duration: inherit;
animation-play-state: inherit;
} }
.paused .text { .paused .text {
animation-play-state: paused; animation-play-state: paused;