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

23
src/pages/MapPage.vue
View File

@ -38,10 +38,12 @@
</template> </template>
</ol-map> </ol-map>
<MarqueeText v-if="publicMessages.length > 0" id="publicMessageTicker" :paused="isPaused" :duration="500" <div>
@mouseenter="isPaused = !isPaused" @mouseleave="isPaused = false"> <MarqueeText v-if="publicMessages.length > 0" id="publicMessageTicker" :paused="isPaused" :duration="800" :repeat="1"
<span v-for="message in publicMessages"> {{ "---" + message + "---" }} </span> @mouseenter="isPaused = !isPaused" @mouseleave="isPaused = false">
</MarqueeText> <span v-for="message in publicMessages"> {{ "---" + message + "---" }} </span>
</MarqueeText>
</div>
</template> </template>
<script> <script>
@ -327,18 +329,15 @@ export default {
color:red; color:red;
} }
/* #hoverButton{
z-index: 3;
position: absolute;
bottom:0px;
width:100%;
} */
#publicMessageTicker { #publicMessageTicker {
z-index: 3; z-index: 3;
position: absolute; position: absolute;
bottom:0px; bottom:0px;
width:100%; 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> </style>