aindreas/traintracker
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix duplicate ticker

Browse Source
This commit is contained in:
Conor McNamara
2023-03-07 17:59:44 +00:00
parent 9d808ae4dd
commit fa2d87a29d
1 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/MapPage.vue
View File

@ -38,10 +38,12 @@
</template>
</ol-map>
<MarqueeText v-if="publicMessages.length > 0" id="publicMessageTicker" :paused="isPaused" :duration="500"
<div>
<MarqueeText v-if="publicMessages.length > 0" id="publicMessageTicker" :paused="isPaused" :duration="800" :repeat="1"
@mouseenter="isPaused = !isPaused" @mouseleave="isPaused = false">
<span v-for="message in publicMessages"> {{ "---" + message + "---" }} </span>
</MarqueeText>
</div>
</template>
<script>
@ -327,18 +329,15 @@ export default {
color:red;
}
/* #hoverButton{
z-index: 3;
position: absolute;
bottom:0px;
width:100%;
} */
#publicMessageTicker {
z-index: 3;
position: absolute;
bottom:0px;
width:100%;
background-color: aliceblue;
background-color: rgb(255, 255, 125);
color: black;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
text-align: bottom;
font-size: 17px;
}
</style>