From fa2d87a29dad2113d715e58dd5ae547b7a68fc78 Mon Sep 17 00:00:00 2001
From: Conor McNamara <conormcnamara245@gmail.com>
Date: Tue, 7 Mar 2023 17:59:44 +0000
Subject: [PATCH] Fix duplicate ticker

---
 src/pages/MapPage.vue | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/pages/MapPage.vue b/src/pages/MapPage.vue
index 7aa1d55..cde80f7 100644
--- a/src/pages/MapPage.vue
+++ b/src/pages/MapPage.vue
@@ -38,10 +38,12 @@
     </template>
 </ol-map>
 
-<MarqueeText v-if="publicMessages.length > 0" id="publicMessageTicker" :paused="isPaused" :duration="500"
-@mouseenter="isPaused = !isPaused" @mouseleave="isPaused = false">
-  <span v-for="message in publicMessages"> {{ "---" + message + "---" }} </span> 
-</MarqueeText>
+<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>